| 标签 | 标签释义 | 单双标签 | 元素 |
| <html> | 创建html文件 | 双 | |
| <head> | 设置文档标题和引入css样式 | 双 | |
| <title> | 标题标签 | 双 | |
| <link rel="stylesheet type="text/css" href="css/index.css" /> | 引入css样式 | 单 | |
| <body> | 身体写页面内容 | 双 | |
| <nav> | 导航标签 | 双 | 块元素 |
| <div> | 双 | 块元素 | |
| <p> | 段落标签 | 双 | 块元素 |
| <a href=“#”> | 超文本标签 | 双 | 行内元素 |
| <b> | 字体变粗 | 双 | 行内元素 |
| <h1>-<h6> | 由大到小 | 双 | 块元素 |
| <header> | 页眉（头部的开始） | 双 | 块元素 |
| <button> | 按钮标签 | 双 | 行内块元素 |
| <input type="text value="提交"/> | 文本框标签 | 单 | 行内块元素 |
| <img src=“图片位置”/> | 图片标签 | 单 | 行内元素 |
| <table border="1"> | 表格 | 双 | 块元素 |
| <th> | 表格标题 | 双 | 行内元素 |
| <tr> | 行 | 双 | 行内元素 |
| <td> | 列 | 双 | 行内元素 |
| <ol> | 有序列表 | 双 | 块元素 |
| <ul> | 无序列表 | 双 | 块元素 |
| <li> | 列表项目 | 双 | 块元素 |
| <selsct> | 挑选 | 双 | 行内元素 |
| <option> | 选项 | 双 | |
| <meta charset="utf-8" /> | 乱码转换 | 单 | |
| <footer> | 页脚 | 双 | 块元素 |
| <aside> | 侧边栏（一般在左边） | 双 | 块元素 |
| <span> | 双 | 行内 | |
| <br /> | 换行 | 单 | 行内元素 |
| <center> | 文本居中标签 | 双 | |
| <video> | 视频标签 | 双 | 块元素 |
| <canvas> | 画布标签 | 双 | 块元素 |
| <i> | 斜体标签 | 双 | |
| <style> | css样式 | 双 | |
|
1.块元素的特点：
a.总是在新行上开始； b.高度、行高以及外边距和内边距都可控制； c.宽度默认是它容器的100%，除非设定一个宽度； d.他可以容纳内联元素和其他块元素。 |
|||
| 2.行内元素的特点：（也叫内联） a.和其他元素都在同一行； b.高，行高及外边距和内边距不可改变； c.宽度就是它的文字和图片的宽度，不可改变； d.内联元素只能容纳文本或者其他内联元素。 |
|||
|
3.行内块元素的特点： a不独占一行 b可以设置高宽； |
|||