美文网首页
HTML常用标签(二)- 段落、标题、水平线

HTML常用标签(二)- 段落、标题、水平线

作者: 夜未殇 | 来源:发表于2016-09-21 14:14 被阅读0次

    1、段落、标题、水平线

    段落

    属性名称       属性值      说明                             <p>我是第一段</p>    

    align            left           向左靠                        <p align="left">我是第二段</p>

                      center         居中                          <p align="center">我是第三段</p>

                      right          向右靠                        <p align="right">我是第四段</p>

                                                                示例:<p align="left">段落中内容</p>

    标题

    <h1>...</h1>                                 <h1>我是标题一</h1>

    <h2>...</h2>                                 <h2 align="center">我是标题二</h2>

    <h3>...</h3>                                <h3>我是标题三</h3>

    <h4>...</h4>                                <h4 align="right">我是标题四</h4>

    <h5>...</h5>                                <h5>我是标题五</h5>

    <h6>...</h6>                                <h6>我是标题六</h6>

    属性名称           属性值             说明

    align                left                 向左靠

                           center              居中                

                           right               向右靠

    示例:<h1 align="left">标题内容</h1>

    水平线 <hr />

    属性名称             属性值                      说明

    size                   像素(数字)             数字越大,水平线越粗

                              百分比(%)             百分比越大,水平线越粗

    width                 像素(数字)            水平线会随数字大小变化

                              百分比(%)             水平线长度会随百分比大小变化,并且会随着浏览器窗口                                                          大小变化

    noshade              noshade                水平线实心

    示例:<hr size="20" width="50%" noshade="noshade"/>

    2、HTML中的注释

    注释的作用

    程序员在编写网页的过程中,由于代码的复杂性,便于后期查找并作出修改和维护,也为了项目组其他成员方便协同办公。我们会在代码旁边或者下方添加一些注释。

    语法:<!--注释内容-->

    <a href="http://www.baidu.com">百度一下,我就知道</a>

    <!--点击进入百度-->

    (href标签:超链接)

    3、HTML中的实体

    为什么要用HTML实体?

    答:为了防止浏览器解析时发生歧义。

    3.1一些常用的HTML实体

    实体                 表示作用

    &gt;                 大于号(>)

    &lt;                  小于号(<)

    &#39;              单引号(')

    &amp;              连接符(&)

    &quot;             双引号(")

    &nbsp;             不间断空格( )

    &reg;               注册标

    &copy;             版权符

    错误写法:<p align="center">100<p</p><!--100<p无法正常显示-->

    正确写法:<p align="center">100&lt;p</p>

    错误写法:<p align="center">100                       p</p><!--代码中输入空格,页面中只显示一个-->

    正确写法:<p align="center">100&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;p</p>

    相关文章

      网友评论

          本文标题:HTML常用标签(二)- 段落、标题、水平线

          本文链接:https://www.haomeiwen.com/subject/cgdaettx.html