概念
- HTML(HyperText Markup Language)：超文本标记语言。
- 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。html是用来书写网页的框架。
- 标记语言：使用标签来编码。
- HTML 标签不区分大小写
- HTML 标签属性值 单双引皆可
- HTML 语法松散
基础标签
| 标签名 |
效果 |
备注 |
<h1> |
标题 |
h1-h6标题字体逐渐减小 |
<hr> |
出现横线 |
单标签 |
<br> |
换行 |
单标签 |
<p> |
段落标签 |
段落格式 |
<b> |
加粗 |
|
<i> |
斜体 |
|
<u> |
下划线 |
|
<center> |
文本居中 |
h5不支持，用css代替 |
常见转义字符
| 字符 |
转义 |
| < |
< |
| > |
> |
| 不换行空格 |
|
| " |
" |
| & |
& |
图片、音频、视频标签
图片标签
img：定义图片
- src：规定显示图像的 URL
- height：定义图像的高度
- width：定义图像的宽度
音频标签
audio：定义音频。支持的音频格式：MP3、WAV、OGG
- src：规定音频的 URL
- controls：如果出现这个属性，则向用户显示控件，比如播放按钮。语法：
<audio controls="controls" />
视频标签
video：定义视频。支持的音频格式：MP4, WebM、OGG
- src：规定视频的 URL
- controls：显示播放控件。语法：
<video controls="controls" />
超链接标签
<a>：定义超链接，用于链接到另一个资源
- href：指定访问资源的URL
- target：指定打开资源的方式
- _self:默认值，在当前页面打开
- _blank：在空白页面打开
列表标签
| <ol> |
定义有序列表 |
| <ul> |
定义无序列表 |
| <li> |
定义列表项 |
- type：设置每一项前面符号的类型，比如是
circle、square等。
表格标签
| 标签 |
描述 |
| <table> |
定义表格 |
| <tr> |
定义行 |
| <td> |
定义单元格 |
| <th> |
定义表头单元格 |
* table：定义表格
* width：宽度
* border：边框
* cellpadding：定义内容和单元格的距离
* cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条
* bgcolor：背景色
* align：对齐方式
* tr：定义行
* bgcolor：背景色
* align：对齐方式
* td：定义单元格
* colspan：合并列
* rowspan：合并行
* th：定义表头单元格
* <caption>：表格标题
布局标签
| 标签 |
描述 |
| div |
会换行，经常与 CSS 一起使用，用来布局网页 |
| span |
不会换行，经常与 CSS 一起使用，用来布局网页 |
表单标签
| 标签 |
描述 |
| <form> |
定义表单 |
| <input> |
定义表单项，通过type属性控制输入形式 |
| <label> |
为表单项定义标注 |
| <select> |
定义下拉列表 |
| <option> |
定义下拉列表的列表项 |
| <textarea> |
定义文本域 |
type取值
| type 取值 |
描述 |
| text |
默认值。定义单行的输入字段 |
| password |
定义密码字段 |
| radio |
定义单选按钮 |
| checkbox |
定义复选框 |
| file |
定义文件上传按钮 |
| hidden |
定义隐藏的输入字段 |
| submit |
定义提交按钮，提交按钮会把表单数据发送到服务器 |
| reset |
定义重置按钮，重置按钮会清除表单中的所有数据 |
| button |
定义可点击按钮 |
Q.E.D.
