基础标签系列：
1. h标签
h1-h6 h1最大 并且独占一行
2. p标签
告诉浏览器这是一个段落
3. hr标签
显示一条分割线
4.img标签
显示一张图片
格式：<img src=“”名称“”>
属性：
height高度
width宽度
title鼠标悬停显示信息
alt未找到图片时显示信息
5.br标签
作用：不另起一段换行
注意：在企业开发中一般都是另一起一段换行，描述另一个段落，所以一般很少使用br标签。
如果是描述完了需要换行可以使用p标签进行包裹。
6.a标签
作用：用于控制页面和页面之间的跳转
格式：<a href="指定需要跳转的目标界面">需要显示给用户看的内容</a>
注意点：
1.可以嵌套img标签使用。
2.必须有href属性，不然不知道跳转到哪里。
3.如果通过href属性指定一个URL链接，则需要添加http://或者https://。
其他属性：
1.target：
作用：控制如何跳转
参数：_self 不新建页面跳转，默认是_self。
_blank 新建页面跳转。
2.title：
作用：控制鼠标悬停时现实的提示文本。
7.base标签
作用：专门用来同意网页中的超链接的跳转形式（也就是a标签）
位置：head标签中。
8.假链接
定义：点击之后不会跳转的链接。
作用：在企业开发中，其他页面没有完成，我们不知道要跳转到哪，所以只能使用假链接代替：
格式：#或者javascript:.
区别：#会返回顶部。javascript：不会返回顶部。
9.锚点
可以通过a标签实现，a标签的href属性指定为#id。 注意点：a标签实现没有过场动画。
10.列表标签
作用：给一堆数据添加列表语义。
类别： （1）无序列表（最多） （2）有序列表（最少） （3）定义列表（其次）
无序列表格式：
<ul>
<li></li>
</ul>
11.表格标签
作用：给一堆数据添加表格语义。
注释：曾经很多的网站都是用表格标签制作，表格标签可以称之为一个时代的标志。
格式：
<table>
<tr>
<td></td>
</tr>
</table>
属性：
11.1 bgcolor 背景颜色
11.2 cellspacing 边框宽度
11.3 align 相对位置（居左 居右 居中）
11.4 th 标题单元格
11.5 caption 表格标题 注意：caption存在于一对table标签中间
即
<table>
<caption>
</caption>
</table>
11.6 thead 指定表格的表头信息 注意：在企业开发中基本不使用 系统会自动补齐
11.7 tbody 指定表格的主体信息 注意：在企业开发中基本不使用 系统会自动补齐
11.8 tfoot 指定表格的附加信息 注意：在企业开发中基本不使用 系统会自动补齐
11.9 td标签可以添加colspan来完成水平单元格合并 永远都是向后向下合并
11.10 td变迁可以添加rowspan来完成垂直方向单元格合并 永远都是向下合并
12.表单标签
定义：表单就是用来专门搜集用户信息的
格式：
<form>
<表单元素>
</form>
表单元素：
12.1 input 顾名思义，主要是给用户输入内容的
12.1.1 text属性，这个属性取值的不同决定了input标签的功能和外观
<input type="text"> 明文输入框
<input type="password"> 暗文输入框
value可设定默认值
例：<input type="text" value="123">
12.1.2 radio属性，单选框
注意：
1. 默认情况下，单选框不会互斥。如果想要单选框互斥，必须给每一个单选框都设置一个name属性，并且name属性还必须设置相同的值。
2. 如果想要单选框默认选中其中一个框子，可以给input标签添加一个checked属性
3.在HTML中如果属性的取值和属性的名称一致，可以省略其中一个，但是在XHTML中属性的取值是不可省略的。所以在企业开发中建议不要省略取值。
4. 单选框如果有多个checked，只会有最后一个checked生效。
12.1.3 checkbox 多选框
12.1.4 button 定义普通按钮 可以通过value属性来给按钮指定标题
作用：配合JS来完成一些操作。
12.1.5 image 图片按钮
格式：<input type="image" src="地址">
12.1.6 重置按钮
格式：<input type=“reset”>
作用：清空表单中已经填写好的的数据
12.1.7 提交按钮
格式：<input type="submit">
作用：将表单中已经填写好的数据提交到远程服务器
注意点：
1.需要给form表单添加一个action属性，通过这个action属性来制定远程服务器的地址
2.需要提交到远程服务器的表单元素需要添加name属性
12.1.8 隐藏域
格式：<input type="hidden">
作用：配合提交按钮将一些数据在不为人知的情况下提交到服务器。
12.1.9 绑定
默认情况下，文字和输入框是没有直接练习的，想要在文字和输入框之间进行绑定，进一步的提高用户的体验，可以使用label标签
绑定格式：
1.用label标签把文字包裹；
2.给输入框添加一个id属性
3.使用<label for="xxxx">文字</label> 进行绑定
12.1.10 datalist标签 注意：仅仅作为了解，多个主流浏览器是不支持的
作用：给输入框绑定带选项
格式：
<datalist>
<option>带选项内容</option>
</datalist>
如何给输入框绑定待选列表
1. 搞定一个输入框
2. 搞定一个待选列表
3. 给datalist标签添加id属性
4. 给输入框添加list属性（对应带选项id的值）
12.2 select标签
作用：定义下拉列表
格式：
<select>
<option>列表数据</option>
</select>
注意：
1. 不需绑定，本身就是一个框
2. 下拉列表不能输入内容，但可以直接选定内容
3. 可以通过给option尿潜添加selected属性来指定默认值
4. 可以通过给option包裹optgroup给下拉列表里的数据进行分类
12.3 textarea标签
作用：定义一个多行输入框
格式：
<textarea>
</textarea>
注意点：
1. 默认情况下可以无限换行
2. 默认情况下输入框有自己的宽度和高度
3. 可以通过cols和row属性来指定输入框的宽度和高度
4. 默认情况下输入框是可以手动拉伸的
13. video标签
作用：播放视频
注意：存在两种格式
格式1：
<video src="">
<.video>
src 用于高速video标签需要播放的视频地址
autoplay： 用于告诉video标签是否需要自动播放该视频
controls：告诉video标签是否显示控制条
poster：告诉video标签视频没有播放之前显示的占位图片
loop：一般用于制作广告视频（不停循环播放）
preload：预加载视频，注意：此属性和autoplay属性相冲
muted：静音
width：宽度
height：高度
格式2：
由于视频数据非常重要，所以五大浏览器厂商都不愿意支持别人的格式（菜的抠脚），所以为了解决这个问题W3C推出了第二种
video标签的格式。
<vidoe>
<source src="" type=""></source>
<source src="" type=""></source>
</video>
注意点：虽然通过第二种video格式可以使五大浏览器都支持我们的视频格式，但是前提条件是浏览器支持HTML5，在过去的一些
浏览器是不支持的，这个时候我们可以通过JS的框架html5media来实现
14. audio标签
作用：播放音频
格式1：
<audio src="">
</audio>
格式2：
<audio>
<source src="" type=""> </source>
</audio>
注意点：audio标签的使用和video标签基本一致，只有三个属性不能使用height/width/poster
15. 详情和概要标签
作用：使用summary标签描述概要信息，使用details标签来描述详细信息。
格式：
<details>
<summary>概要信息</summary>
详细信息
</details>
16. marquee标签
作用：跑马灯
注意点：虽然不是W3C推荐的标签，但是各大浏览器对这个标签支持的非常好。
格式：
<marquee>内容</marquee>
属性：
direction 方向
scrollamount 速度
loop 次数 默认是-1 无限滚动
behavior 滚动类型 slide滚动到边界就停止 alternate 滚动到边界就弹回
17. 字符实体
在HTML中对空格/tab/回车不敏感，会把多个看做成一个
  空格
< <
> >
© 版权符号
2755
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
