<!doctype html>                     这是声明，我是一个html框架。如同盖屋子一样一眼就知道这是一间屋子

<html>                              这是双标语，有个结束有个结尾，所有的代码都在这里面写完

<head>　　                          也是个双标语，如同人的头一样，这里写一些明确的东西，把框架确定住

<meta charset="utf-8">             这是声明整体代码都是由utf-8写的，utf-8是指万国码，可以些中文进代码

<title>无标题文档</title>            这是网页标签的名称

</head>

<!--HTML:超文本标记语言-->

<!--标签分类：

    1.双标签：有开始有结束的标签称之为双标签<标签名 属性名1="属性值1" 属性名2="属性值2"></标签名>。

    2.单标签：只有开始标签并没有结束标签称之为单标签<标签名 属性名1="属性值1" 属性名2="属性值2">。

-->

<!-- HTML文件的基本结构:

     <html>

        <head></head>

        <body></body>

     </html>

 -->

<!--快捷键

    1.F12:打开当前页面/运行

    2.ctrl+S:保存

    3.ctrl+Z:撤销到上一步

-->

<!--标签嵌套

-->

<body>                              <!-- 这个就是身体部分了，所在网页上能看到的信息都是在这部分里写完并且呈现出来-->

         <!--标题标签-->

        <h1>这是标题一</h1>

        <h2>这是标题二</h2>

        <h3>这是标题三</h3>

        <h4>这是标题四</h4>

        <h5>这是标题五</h5>

        <h6>这是标题六</h6>

         <!-- 段落标签-->

        <p>这是段落标签</p>

        <p>这是第二个段落标签</p>

            <!--换行标签-->

        一二三四五,<br>

        五四三二一,<br>

        <hr>

     <!-- 加粗效果-->

       <b>字体加粗效果</b>

       <strong>同样</strong>

    <!--斜体效果-->

       <hr>

         <i>字体斜体</i><br>

         <cite>同样</cite><br>

         <em>同样</em><br>

       <hr>

    <!--上标标签-->

       (a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab <br>

    <!-- 下标标签-->

       SO<sub>4</sub><br><hr>

    <!--大字号标签-->

       <big>大字体</big><br>

    <!--这是小字号标签-->

    <small>小字体</small><br><hr>

    <!--删除标签与空格标签-->

    <s>     这是删除线</s>

    <!--下滑标签-->

    <u>这是下划线</u><hr>

    <span style="color: blue">    这是颜色 给文字添加颜色   </span>
    <span style="background-color: blue" >    这是文字与文字背景添加颜色   </span>

</body>

</html>

</span>