1.文件标签
- html：html文档的根标签
- head：头标签，用于指定html
- title：标题标签
- body：体标签
- DOCTYPE声明：
2.文本标签：和文本有关的标签
<h1> to <h6> <!--标题大小，h1最大，h6最小->
<br> <!--换行标签-->
<p> <!--段落标签,换行+间隔空行-->
<hr> <!--显示一条水平线-->
*属性：
*color
*width
*size
*align：对齐方式，默认居中
*center
*right
*left
<b> <!--字体加粗-->
<i> <!--字体斜体-->
<font> <!--字体标签-->
*属性：
*color
*size
*face:字体
- 属性定义：
- color
- 英文单词：red，green，blue
- rgb：0~255 ，如rgb（0，0，255）
- #000000~#ffffff
- width
- 数值：width=‘20’，数值的单位，默认px（像素）
- 数值%，占相对父元素的比例
- color
3.图片标签：
<!--目录的检索：
当前目录：./
上级目录：../
上上级目录：../../
-->
<img src = '../../image/ps.jpg' align="right" width="1000" height="500"/>
- 属性定义
- align:对齐方式
- width：长度
- height：宽度
- alt :图片的代替文本，即图片无法显示的时候，显示的文本
4.列表标签
-
有序列表：
- oi
- li
-
无序列表：
-
ui
-
li
<ol type="A" start="1"> 早上起来干的事 <li> 睁眼 </li> <li> 玩手机 </li> <li> 叠被子 </li> <li> 洗漱 </li> </ol> <ul type = 'disc'><!--circie:空心圆，square：方块--> 早上起来干的事 <li> 睁眼 </li> <li> 玩手机 </li> <li> 叠被子 </li> <li> 洗漱 </li> </ul>
5.链接标签：
-
a:定义一个超链接
-
属性：
-
href：指定访问资源的URL(统一资源定位符)
- target：指定打开资源的方式
- _self:默认值，在当前页面打开
- _blank：在空白页面打开
- target：指定打开资源的方式
-
代码：
<a href="../图片标签/图片的简单展示.html" target="_parent">点击我</a> <a href="../图片标签/图片的简单展示.html" target="_top">点击我</a> <a href="../图片标签/图片的简单展示.html" target="_self">点击我</a> <a href="https://www.baidu.com/" target="_blank">点击我</a> <a href="https://www.baidu.com/" target="_blank"><img src = '../../image/ps.jpg' alt="图片加载失败"></a>
-
-
6.div和span
<body>
<!--
div:每一个div占满一整行，块级标签
span:文本在一行展示，行内标签，内联标签
-->
<span> 锄禾日当午 </span>
<span> 汗滴禾下土 </span>
<hr>
<div>
谁知盘中餐
</div>
<div>
粒粒皆辛苦
</div>
</body>
7.语义化标签：
html5中为了提高程序的可读性，提供了一些标签。
1. <header>：页眉
2. <footer>：页脚
8.表格标签：
* table：定义表格
* width：宽度
* border：边框
* cellpadding：定义内容和单元格的距离
* cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条、
* bgcolor：背景色
* align：对齐方式
* tr：定义行
* bgcolor：背景色
* align：对齐方式
* td：定义单元格
* colspan：合并列
* rowspan：合并行
* th：定义表头单元格
* <caption>：表格标题
* <thead>：表示表格的头部分
* <tbody>：表示表格的体部分
* <tfoot>：表示表格的脚部分