HTML基础标签

标题标签 H1-H6

网页效果：

H1-H6标题大小依次减小

段落标签&水平线标签&换行标签

    <!--    段落标签  -->
    <p>这是我学HTML第一天</p>
    <p>这是我学HTML第er天</p>

    <!--  水平线标签  hr   -->
    <hr/>

    <!-- 换行标签 br-->
    这是我学HTML第一天<br/>
    这是我学HTML第一天

网页效果：

段落标签自动换行。

DIV标签&SPAN标签

<div style="background-color: red">
        这是我学HTML第一天<br/>
        这是我学HTML第一天
        <br/>
        <span style="background-color: aqua">
            亚索： 狂风绝息斩
            盲僧： 神龙摆尾

        </span>

    </div>
    <span style="color: darksalmon">
            亚索： 狂风绝息斩
            盲僧： 神龙摆尾

    </span>
    <br/>

网页效果：

div标签设置了CSS样式，背景颜色为红色。sepa标签在div中的设置了背景色为蓝色。在div标签之外的span标签设置颜色为darksalmon，是内容文字变色。

常用增加文字样式的标签

<!--  粗体  -->
    <b>狂风绝息斩</b>
    <strong>狂风绝息斩</strong>
    <br/>

    <!-- 斜体    -->
    <i>神龙摆尾</i>
    <em>神龙摆尾</em>

    <!--  加删除线    -->
    <s>变成鸟</s>
    <del>变成鸟</del>w

<!--    <center>撒大声地撒</center>-->


    <!--  加下划线  -->
    <u>变成豹</u>
    <ins>变成龙</ins>

网页效果：

标签属性&图像标签&链接标签

<p id="p" style="color: red">今天是快乐的一天</p>
    <input type="text" id="name" name="name" value="admin"   />

    <!--  图像标签  -->
    <img src="media/1.jpg"  alt="图片无法显示"  title="这是图片"  width="150"  height="150" />


    <!-- 链接标签  _blank - 新窗口 ; _parent - 当前窗口 -->
    <a href="#" >  百度一下，你就知道  </a>
    <br/><hr/>

网页效果：

css样式为行内式，设置内容颜色为红色。input设置为输入框。img为图像标签，alt作用是当图标路径不正确时，图片无法显示，提示图片无法显示，title作用是当鼠标移动到图片上时显示：这是图片。链接标签，可以在href处设置你想去的网站。

特殊字符标签

  <!-- 特殊字符标签 -->
    如果&nbsp;&nbsp;思念有声音，那便是窗前的风声，丝丝入耳。
    阳光灿烂，只因为那一路，有你相伴。
    我曾一度认为，最有意义的远行是背着背包去自己想去的地方。
    直到遇见你，我才深切的明白，是与你手牵手走过的距离。
    我曾一度认为，最富有深情的陪伴是一起去 爱情海的徜徉。
    直到遇见你，我才深切明白，是与你相伴渡过的每一个夜晚。
    愿与你一起看尽人世间的繁华。
    愿与你风烛残年，愿与你一起分享喜怒哀乐。
    与你一起走过似水流年。
    看尽灯火阑珊的喧嚣世界，陪你一起怀念记忆中的小桥流水人家。
    闭着眼睛聆听着你的风花雪月，脑海中想着你应该拥有的模样。
    我的世界，因为有你的陪伴，分外绚烂。
    你路过我的 人生，惊艳了我的时光。
    不管怎样，时至今日，我如此爱你。
    希望在你也步入爱的圣殿后，还能听到你的声音。

    8&lt;9&gt;8    &amp;

    <!--  这是注释语句  -->

网页效果：

&nbsp为空格标签，&lt为小于号标签，&gt为大于号标签，&amp为&符标签。