HTML中的基本标签

HTML的标签大致可分为:文字格式化标签、图片标签、列表标签、文档语义化标签、段落标签和其他。  

1.文字格式化标签:用于给文字添加样式

  <b> 定义粗体文本 </b>    定义粗体文本 

   <big> 定义大号字体 </big>  定义大号文字

   <em>定义着重文本</em>  定义着重文本

  <i>定义斜体文本</i>      定义斜体文本

  <small>定义小号字体</small>  定义小号字体

  <strong>定义加重语气</strong>  定义加重语气

  <sub>定义下标字</sub>      定义下标字

  <sup>定义上标字</sup>      定义上标字

  <ins>定义下划线</ins>      定义下划线

  <del>定义删除字</del>      定义删除字

     <mark>底部高亮</mark>      底部高亮  

2.图片标签:用于在文档流中插入图片,或制作图片热区

  插入图片:<img src="URL“ name="" alt="描述图片" weidht="" height="">

    src用于导入图片链接

    name是给<img>标签命名

    alt用于当图片加载失败时,在对应位置上进行说明

    weight、height只需要设置其中一项(宽或高),另一项将等比例缩放。

 

  图片热区:在图片指定位置形成链接区域

      <img src="" usemap="map名称">

         <map name="map名称">

           <area shape="形状" coords="坐标值" href="URL">

      </map>

   各属性取值:    

 

shape=""                      react矩形           circle圆形                      poly多边形
coords=""                    x1,y1,x2,y2                x,y,r               X1,Y1,......,Xn,Yn
      (X1,X2为左上角, (X2,Y2)为右下角    (x,y)为圆心,r为半径      每个(X,Y)坐标对应多边形的顶点

  3.列表标签:常用于制作导航

  无序列表<ul>                       有序列表<ol>                    自定义列表<dl>

         <li></li>           <li></li>                            <dt>列表项</dt>    

                 </ul>                  </ol>                                       <dd>用于描述列表项</dd>   

                                   </dl>

  列表的属性有   ul:type      ol:type、start、reversed       dl:无

  其中type是改变列表项的样式,常用的属性值有:

   ul: disc实心圆

    circle空心圆

    square实心方块

   ol: decimal阿拉伯数字

    lower-alpha小写英文字母

    uppr-alpha大写英文字母

 

4.文档语义化标签:布局

  <header></header>     页面头部

  <nav></nav>         导航

  <article></article>     正文内容

  <section></section>    作用于同一主题下不同的文档部分

  <aside></aside>      侧边栏

  <footer></footer>     页面脚部

  

 

5.段落标签:

  <p></p>      承载文字、段落等

  <h1></h1>~<h6></h6>  承载标题

  <hgroup></hgroup>   承载标题标签

  <ruby>              拼音注解

    漢 <rp>(</rp>  <rt>han</rt>   <rp>) </rp>
    字 <rp>(</rp>   <rt>zi</rt>     <rp>) </rp>
   </ruby>

 

6.其他

  <div></div>        容器

  <hr>             定义水平线

  <address></address>   作者联系信息

  <cite></cite>        定义引用

  <code></code>      定义代码

  <q></q>         定义短的引用

  

  

 

posted @ 2016-08-05 11:29  zona_house  阅读(150)  评论(0)    收藏  举报