02-HTML_标记语义

回顾:
html有什么作用?
控制网页内容

1, <font>标记

    注 : 网页中的文本字体和字号 一般通过CSS修饰.
         即, <font> is deprecated.  

2, 字符格式

① 加粗                       <b>文本</b> 
② 倾斜                       <i>文本</i>     incline 
③ 加强语气(加粗)      <strong>文本</strong>
④ 加强语气(倾斜)      <em>文本</em>
⑤ 下划线                   <u>文本</u>
⑥ 删除线                   <s>文本</s>
⑦ 上标                      ^文本
⑧ 下标                      _文本
说明:语义 和 效果
    在写控制内容的标记时, 如果这内容很重要, 可以在语义上加权, 如 ③
    如果这内容是文章的标题, 推荐使用 <h1>, 此标签比 ③ 权高
    ③ 和 ④, 语义加强, 做优化时, 优先被搜索, 等价于关键字
    其余的, 只是其显示效果的作用

3, 段落控制标记

(1)段落标记 <p>

   格式:
        <p align="对齐方式">段落内容</p>
   属性:
       align
        ① left     左对齐(默认)
        ② center   居中
        ③ right    右对齐   

(2)段落标题 <h>

   格式: 
        <hx align="对齐方式">...</hx>    
   说明:
        x : 1~6
        加粗换段, 针对段落
        段与段之间有空行.

(3)换行 <br />

   格式:
        <br />
   说明:
        换行不换段

4, 修饰标记

水平直线 <hr />
   格式:
        <hr />
   说明:    
        属性名称    属性值       说明
        size        像素/百分比  值越大越粗   
        width       像素/百分比  值越大越宽
        align
        noshade     noshade      实体
   注意:
        像素,  绝对值
        百分比,相对值
        width 设置为像素时, 如果过大出现横向滚动条

5, 特殊标记

(1)定义一个块引用

   格式:
        <blockquote>被引用的文章等...</blockquote>
   说明:
        属性    值      说明
        cite    url     该段内容来自哪个URL

(2)居中标记

   格式:
        <center>内容</center>
   说明:
        被废弃的标记

(3)预格式化

   格式:
        <pre>..</pre>
   说明:
        显示已经排版好的文字,
        通常用于表示计算机的源代码.
        如果不加此标记,浏览器会忽略空格和制表符.