2-4-2-6HTML文件标签

标签学习：

　　1.文件标签：构成html最基本的标签

　　　　html：html文档的根标签

　　　　head：头标签，用于指定html文档的一些属性，引入外部资源

　　　　titie：标题标签

　　　　body：体标签

　　　　<!DOCTYPE html>:html5中定义该文档是html文档

　　2.文本标签：和文本有关的标签

注释：

　　　　标题标签：<h1></h1>到<h6></h6>

　　　　　　h1-h6:字体大小逐次递减

　　　　段落标签：<p></p>

　　　　换行标签：<br/>

　　　　水平线标签：<hr/>

　　　　属性：

　　　　　　color：颜色

　　　　　　width：宽度

　　　　　　size：高度

　　　　　　align：对齐方式

　　　　字体加粗：<b></b>

　　　　字体斜体：<i></i>

　　　　字体居中：<center><center>

　　　　字体属性：<font></font>

　　　　属性：

　　　　　　face：字体类型

　　　　　　width：字体宽大小

　　　　　　color：字体颜色

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标签学习</title>
</head>
<body>
    <!--    注释内容-->
    <!-- 换行标签 -->
    白日依山尽，黄河入海流。<br>
    欲穷千里目，更上一层楼。<br>

    <!--水平线标签-->
    <hr color="red" width="200px" size="5px" align="left">

    <!-- 段落标签 -->
    <p>白日依山尽，黄河入海流。</p>
    <p>欲穷千里目，更上一层楼。</p>

    <!--标题标签-->
    <h1>白日依山尽，黄河入海流。</h1>
    <h2>欲穷千里目，更上一层楼。</h2>
    <h3>白日依山尽，黄河入海流。</h3>
    <h4>欲穷千里目，更上一层楼。</h4>
    <h5>白日依山尽，黄河入海流。</h5>
    <h6>欲穷千里目，更上一层楼。</h6>


    白日依山尽，黄河入海流。
    <!--字体加粗-->
    <b>欲穷千里目，更上一层楼。</b>
    <!--字体斜体-->
    <i>欲穷千里目，更上一层楼。</i>
    <!--字体属性标签-->
    <center>欲穷千里目，更上一层楼。</center>
    <!--文本居中-->
    <font color="red" width="20px" face="楷体">欲穷千里目，更上一层楼。</font>
</body>
</html>

　　3.图片标签

　　　　加载图片：<img/>

　　　　属性：

　　　　　　src：用来加载图片的路径

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
    <img src="u=2020089733,86807406&fm=26&gp=0.jpg">
</body>
</html>

　　4.列表标签

　　　　1.无序列表：没有排序的列表<ul></ul>

　　　　属性：

　　　　　　type：disc（圆形）、square（方形）、circle（空心圆）

　　　　2.有序列表：有排序的列表<ol></ol>

　　　　属性：

　　　　　　type：1（数字）、Ⅰ（大写罗马数字）、A（大写英文）、i（小写罗马数字）、a（小写英文）

　　　　　　start：从第几个开始

　　　　3.列表项：列表的各个项<li></li>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表标签</title>
</head>
<body>
<!--有序列表-->
早晨起床
<ol type="I" start="5">
    <!--每一项-->
    <li>睁眼</li>
    <li>看手机</li>
    <li>穿衣服</li>
    <li>洗漱</li>
    <li>上班</li>
</ol>
<!--无序列表-->
早晨起床
<ul type="disc">
    <!--每一项-->
    <li>睁眼</li>
    <li>看手机</li>
    <li>穿衣服</li>
    <li>洗漱</li>
    <li>上班</li>
</ul>
</body>
</html>

　　5.链接标签

　　　　1.超链接标签：<a></a>

　　　　属性：

　　　　　　href：跳转到的url路径

　　　　　　target：选择是否打开新的窗口加载超链接路径

　　　　　　　　_blank：打开新的窗口加载超链接

　　　　　　　　_self：在该窗口加载超链接