HTML

最新推荐文章于 2024-07-17 18:00:00 发布

北欧阿鲁

最新推荐文章于 2024-07-17 18:00:00 发布

阅读量64

点赞数

分类专栏： Javaweb 文章标签： html

本文链接：https://blog.csdn.net/asfvgh/article/details/112003575

版权

Javaweb 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML

1.概念

HTML(Hyper Text Markup Language) 一种文本标记（标签）语言
本质就是一个文本（被浏览器）

2.语法结构

第一行是HTML声明
下面是HTML页面展示内容组成

<!DOCTYPE HTML>
<HTML>
    <HEAD>
        头标签：用于存储需要实现加载信息
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
        <title>第一个HTML文件</title>
    </HEAD>
    <BOOY>
        体标签：用于存储页面展示信息
    </BOOY>
</HTML>

HTML语法
1.HTML标签不区分大小写
2.HTML标签是由起始标签和结束标签组成的<HTML></HTML>
3.如果起始标签和结束标签之间没有内容可以写成自闭标签 <br/>
4.无论HTML页面里有多少空格、多少制表符空格、多少换行。页面展示效果都是只有一个空格
5.转义字符

空格	`&nbsp`
"	`"`
’	`'`
&	`&`
<	`<`
>	`>`

6.属性
在HTML起始标签上，可以添加属性名称=“属性值”来展示标签的特点。（属性值用""或者"包起来都可以）
7.HTML注释


常用标签

1.字体标签
<font></font>
属性

color	颜色名称、#6位十六进制、三原色
size	1~7 （默认为3）

2.标题标签
<h1></h1>
~~
<h6></h6>
属性

align	对齐方式
left	左对齐
center	居中对齐
right	右对齐
justify	自适应

3.列表标签

<ul type="circle">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li> 
</ul>

属性
type	图标样式
disc	实心圆（默认）
square	实心方块
circle	空心圆

4.图片标签
在图片中可以引入图片
<img src="image\1.gif"/>
5.超链接（a标签）
有两种实现方式
第一种：跳转到其他页面中
<a href="超链接地址">超链接内容</a>

属性
href	指定跳转地址
target	打开方式 _self在当前窗口打开新页面 _target在新窗口打开新页面

第二种：在当前页面中跳转
（1）先设置没有内容的a标签当做书签
<a href="tag"></a>
提供name或者id属性的值方便的标签进行跳转
（2）设置有内容的a标签
<a href="#tag">返回顶部</a>
#在当前页面进行查找
6.表格标签

代码	注释
`<table>`	表格标签
`<tr>`	表格中行标签
`<td>`	行中的单元格标签
`<th>`	行中的标题单元格标签

table的重要属性：
border 边框宽度
cellspacing 单元格之间的空白距离
cellpadding 边框与单元格内容之间的距离
bgcolor 背景颜色
bordercolor 边框颜色
width 宽度
align 对齐方式
tr的重要属性
align 对齐方式
bgcolor 背景颜色
th/td的重要属性
align 对齐方式
bgcolor 背景颜色
width 宽度
height 高度
colspan 可横跨的列数
rowspan 可竖跨的行数
<capting>定义表格的标题

7.表单标签
浏览器参数提交到服务器方式
a.在地址栏拼接参数是最早参数提交方式，但是如果拼接参数比较多，很容易会出现拼接错误，拼接难度提升了，造成拼接参数效率降低
b.通过form表单来提高拼接效率，把将要提交的参数传入到表单标签中，点击提交按钮时会把所有的参数进行自动拼接保证拼接内容的准确性以及便捷性
from表单
from表单标签在页面中不产生任何输出，需要添加input子标签给用户提供数据输入方式
<from action="服务器地址" method="提交方式"></from>
input子标签
可以通过属性设置为不同数据提供输入的方式
type属性

text	文本输入框
password	密码输入框
radio	单选框
checkbox	复选框
file	上传文本框
button	按钮
submit	提交按钮
reset	重置按钮
hidden	~隐藏框
image	~图片提交框

其他属性

name	在一个input框中添加name属性才能被提交到服务器
value	input框提交的值
readonly	只读
disabled	不可用

8.下拉框
在页面展示一个能够多个选项选择其中一个

<select name="city">
                <option>北京</option>
                <option value="als">阿拉善</option>
                <option selected="selected">黑龙江</option>
                <option>海南</option>
            </select>

9.文本域
在页面中可以输入多行内容（可以设置行和列）

<textarea cols="20" rows="20"></textarea>

北欧阿鲁

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML

HTML HTML(Hyper Text Markup Language) 一种文本标记（标签）语言本质就是一个文本（被浏览器）2.<!DOCTYPE HTML><HTML> <HEAD> 头标签：用于存储需要实现加载信息 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title>第一个HTM
复制链接

扫一扫