zoukankan      html  css  js  c++  java
  • html标签分类以及常用标签

    WEB初级编程人员必须掌握的html标签分类以及常用标签

    1、 内容简介:

    ·文本版面的编辑(格式标签、文本标签)

    ·超链接和锚点

    ·图像和图像地图

    2、 格式标签:

    用于定义网页中文本的布局、缩进、位置、换行、列表等。

    常用格式标签:

    <p></p>

    <center></center>

    <pre></pre>

    <ul></ul><li></li> <ol></ol>

    <hr>

    <br>

    注意:因为css样式可以代替htm中标签的功能,所以html中的标签只需要记住常见的即可,大部分时间都是通过CSS来控制的。

    3、 文本标签:

    正网页中,为了着意强调某一部分文字,或者为了让文字有所变化。

    常用文本标签:

    <h1></h1>单个网页只使用一次

    <b></b>

    <i></i>

    <u></u>

    <sub></sub>

    <sup></sup>

    <font></font>

    <em></em>输出强调的斜体字

    <strong></strong>

    <small></small>

    <big></big>

    <tt></tt>输出打印机文字

    <cite></cite>输出引证、举例斜体字

    ……

    4、 超链接标签:

    <a href=”URL ”>页面</a>

    ·相对URL

    当前目录下的其他资源地址

    ·绝对URL

    根目录开始的资源的完整地址

    5、 锚点标签:

    <a name=”name”>内容</a>

    例子:

    <a href=”#one”>one</a>

    <a href=”#two”>two</a>

    <a href=”#three”>three</a>

    <a name=”one”>

      <p>11111111111111111111111111</p>

    <p>11111111111111111111111111</p>

    <p>11111111111111111111111111</p>

    <p>11111111111111111111111111</p>

    <p>11111111111111111111111111</p>

    </a>

    <a name=”two”>

      <p>222222222222222222222222</p>

    <p>222222222222222222222222</p>

    <p>222222222222222222222222</p>

    <p>222222222222222222222222</p>

    <p>222222222222222222222222</p>

    </a>

    <a name=”three”>

      <p>333333333333333333333333</p>

    <p>333333333333333333333333</p>

    <p>333333333333333333333333</p>

    <p>333333333333333333333333</p>

    <p>333333333333333333333333</p>

    </a>

    <a href=”#”></a>

    6、 图像标签:

    <img />

    属性:

    Src:指定图片所在的URL;

    Border:边框宽度;

    Alt:图片描述;

    Width:图片宽度   图片只给宽度,那么图片高度等比例缩放、放大等

    Height:图片高度

    7、 图像地图标签:

    把一幅图片分成多个区域,每个区域指向不同的URL,即为一个图片加多个链接。

    <img src=””usemap=”#mymap” border=0 />

    <map name=”mymap”>

    <area shape=”rect” cords=”,,,” href=””>    矩形

    <area shap=”circle” cords=”,,” href=””>    园

    <araa shap=”poly” cords=”” href=””>      多边形

    </map>

    注:shape指定形状,cords确定形状,href指定链接的位置

  • 相关阅读:
    事件回顾
    把时间花在经典上
    事件回顾
    硬件毛刺
    事件回顾
    cache支持三种pre-fetch方式:normal/pre-fetch1/pre-fetch2-way1/pre-fetch-way2
    cache支持single/increment/increment4三种方式传输
    计算机必读书籍
    那些让我们如此享受的慢性毒药(转载)
    平淡节制
  • 原文地址:https://www.cnblogs.com/cinderlla/p/3851429.html
Copyright © 2011-2022 走看看