• HTML常用标签(整理)


    超文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。现在应用主流是HTML 4.01版本,发布于1999年,为W3C推荐标准。HTML 5的第一份正式草案已于2008年1月22日公布,仍在继续完善中;部分浏览器的新版本已经支持HTML5的某些技术。

    一、文字

    1.标题文字:<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

    2.字体变化:<font> 规定文本的字体、字体尺寸、字体颜色。在 HTML 4.01 中,font 元素不被赞成使用。请使用样式(代替 <font>)来定义文本的字体、字体颜色、字体尺寸。

    <font size="[1-7]" color="[rgb(x,x,x)|#xxxxxx|colorname]">This is some text!</font>
    <font size="2" face="verdana" color="green">This is some text!</font>

    3.呈现小号字体:<small>文字</small> ,可以嵌套,从而连续地把文字缩小。

    4.呈现大号字体 :<big>文字</big> ,可以嵌套 ,每一个 <big> 标签都可以使字体大一号,直到上限7号文本。

    5.粗体字:<b>文字</b> ,是基于内容的样式标签 <strong> 的物理版本,但它没有后者的扩展意义。

    6.斜体字:<i>文字</i>

    7.打字机(等宽)字体:<tt>文字</tt>

    8.下划线:<u>文字</u>

    9.删除线:<strike>文字</strike>

    10.下标字:<sub>文字</sub>

    11.上标字:<sup>文字</sup>

    12.文字闪烁效果:<blink>文字</blink>

    13.换行:<br/>

    14.段落:<p align="[left|center|right|justify]">段落文本</p>
    可选属性align不赞成使用,建议用样式代替。

    15.分隔线: <hr size=pixels width=[pixels|%] align=[left|right|center] noshade/> 
    在 HTML 4.01 中,hr 元素的所有呈现属性均不被赞成使用。


    16.水平居中:<center>文字</center>

    17.依原始样式显示:<pre>文字</pre>

    18.文档主体:<body bgcolor=#rrggbb background=URL text=#rrggbb>

    在 HTML 4.01 中,所有 body 元素的“呈现属性”均不被赞成使用。

    二、图片

    1.插入图片:<img src=URL border=pixels width=[pixels|%] height=[pixels|%] vspace=pixels hspace=pixels alt=text/>

    在 HTML 4.01 中,不推荐使用 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。

    2.图像映射:图像映射(image-map)指带有可点击区域的一幅图像。

    <img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
    
    <map name="planetmap" id="planetmap">
      <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
      <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
      <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
    </map>

    三、表格

    <table border=pixels bgcolor=rgb(x,x,x) align=[left|right|center] 
        cellpadding=pixels cellspacing=pixels width=[pixels|%]>
      <tr bgcolor=rgb(x,x,x) align=[right|left|center|justify|char] valign=[top|middle|bottom|baseline]>
        <th width=[pixels|%] height=[pixels|%] rowspan=number colspan=number bgcolor=rgb(x,x,x) 
            align=[right|left|center|justify|char] valign=[top|middle|bottom|baseline] nowrap>Month</th>
        <th>Savings</th>
      </tr>
      <tr>
        <td width=[pixels|%] height=[pixels|%] rowspan=number colspan=number bgcolor=rgb(x,x,x)
             align=[right|left|center|justify|char] valign=[top|middle|bottom|baseline] nowrap>January</td>
        <td>$100</td>
      </tr>
    </table>
    1. 关于table标签
      简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
      更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
      在 HTML 4.01 中,table 元素的 "align" 和 "bgcolor" 属性是不被赞成使用的。
    2. 关于tr标签
      tr 元素包含一个或多个 th 或 td 元素。
      在 HTML 4.01 中,tr 元素的 "bgcolor" 是不被赞成使用的。
    3. 关于th标签
      th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。
      在 HTML 4.01 中,th 元素的 "bgcolor"、"height"、"width" 以及 "nowrap" 属性是不被推荐使用的。
    4. 关于td标签
      td 元素中的文本一般显示为正常字体且左对齐。
      在 HTML 4.01 中,td 元素的 "bgcolor"、"height"、"width" 以及 "nowrap" 是不被赞成使用的。
      提示:请使用 colspan 和 rowspan 属性来实现内容横跨多个行或列。

    四:DIV标签

    <div> 可定义文档中的分区或节(division/section)。

    <div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

    <div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

    <body>
     <h1>NEWS WEBSITE</h1>
      <p>some text. some text. some text...</p>
      ...
     <div class="news">
      <h2>News headline 1</h2>
      <p>some text. some text. some text...</p>
      ...
     </div>
     <div class="news">
      <h2>News headline 2</h2>
      <p>some text. some text. some text...</p>
      ...
     </div>
     ...
    </body>

    其中的每个 div 把每条新闻的标题和摘要组合在一起,也就是说,div 为文档添加了额外的结构。同时,由于这些 div 属于同一类元素,所以可以使用 class="news" 对这些 div 进行标识,这么做不仅为 div 添加了合适的语义,而且便于进一步使用样式对 div 进行格式化。

    五、FRAME 框架

    frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。

    <html>
    
    <frameset cols="25%,50%,25%">
      <frame src="frame_a.htm" />
      <frame src="frame_b.htm" />
      <frame src="frame_c.htm" />
    </frameset>
    
    </html>
  • 相关阅读:
    javascript的函数相关属性和方法
    购物车案例——麻雀虽小五脏俱全(小标签 浮动 定位……)
    内嵌盒子定位和居中问题,在缩放浏览器情况下,不会影响盒子的布局
    "margin塌陷现象"div盒子嵌套盒子外边距合并现象
    洛谷P2633 Count on a tree(主席树,倍增LCA,树上差分)
    洛谷P2617 Dynamic Ranking(主席树,树套树,树状数组)
    主席树总结(经典区间第k小问题)(主席树,线段树)
    可持久化线段树总结(可持久化线段树,线段树)
    洛谷P4003 无限之环(infinityloop)(网络流,费用流)
    洛谷P2402 奶牛隐藏(网络流,二分答案,Floyd)
  • 原文地址:https://www.cnblogs.com/nayitian/p/3285185.html
Copyright © 2020-2023  润新知