HTML常用标签

来源:互联网 发布:淘宝怎么开店充话费 编辑:程序博客网 时间:2024/06/06 01:32

文本

<font size="4">4</font><font color="blank" size="5">黑色的5</font><font face="仿宋">黑体的字</font> 

加粗,下划线,斜体字是比较常用的文字效果,它们分别用< b >,< u >,< i >表示

<b>Bold</b><i>italic</i><u>underline</u> 

文本有特殊的意义的一些标签:< abbr >(表示缩写),< em >(表示强调),< strong >(表示更强地强调),< cite >(表示引用),< address >(表示地址)等等。这些标签不是为了定义显示效果而存在的,所以从浏览器里看它们可能没有任何效果,也可能不同的浏览器对这些标签的显示效果完全不同。

示标题的标签有:< h1 >,< h2 >,< h3 >,< h4 >,< h5 >,< h6 >,它们分别表示一级标题,二级标题,三级标题、、、、、、

<h1>孔腻起挖</h1>

图片

< hr >标签用于在页面上添加横线。可以通过指定width和color属性来控制横线的长度和颜色。

<hr width="80%" color="red" />

< img >标签用于在页面上添加图片,src属性指定图片的地址,如果无法打开src指定的图片,浏览器通常会在页面上需要显示图片的地方显示alt属性定义的文本。

<img src="http://www.spzyuznd" alt="图片简介" /> 

链接

超级链接用< a >标签表示,href属性指定了链接到的地址。< a >标签可以包含文本,也可以包含图片。

<a href="http://http://blog.csdn.net/hit_the_lights">我的CSDN</a><a href="http://picture.org"><img src="http://www.picture.org" alt="图片" /></a> 

分段与换行

由于HTML文档会忽略空白符,所以要想保证正常的分段换行的话,必须指出哪些文字是属于同一段落的,这就用到了标签< p >。

<p>第一段</p><p>第二段</p> 

有的人不用< p >,而用< br >。< br >只表示换行,不表示段落的开始或结束,所以通常没有结束标签。

这是第一段<br>这是第二段<br />这是第三段 

有时候我们要把文档看作不同的部分组合起来的,比如一个典型的页面可能包括三个部分:页头,主体,页脚。< div >标签专门用于标明不同的部分:

<div>页头内容</div><div>主体内容</div><div>页脚内容</div> 

表格

HTML文档在浏览器里通常是从左到右,从上到下地显示的,到了窗口右边就自动换行。为了实现分栏的效果,很多人使用表格(< table >)进行页面排版。
< table >标签里通常会包含几个< tr >标签,< tr >代表表格里的一行。< tr >标签又会包含< td >标签,每个< td >代表一个单元格。

<table>  <tr>    <td>0011</td><td>呵呵</td>  </tr>  <tr>    <td>0100</td><td>哈哈</td>  </tr>  <tr>    <td>0101</td><td>嘿嘿</td>  </tr></table> 

< tr >标签还可以被< table >里的< thead >或< tbody >或< tfoot >包含。它们分别代表表头,表正文,表脚。在打印网页的时候,如果表格很大,一页打印不完,< thead >和< tfoot >将在每一页出现。

< th >和< td >非常相似,也用在< tr >里边,不同的是< th >代表这个单元格是它所在的行或列的标题。

<table>  <thead>    <tr><th></th><th></th></tr>  </thead>  <tbody>    <tr><td>0011</td><td>呵呵</td></tr>    <tr><td>0100</td><td>哈哈</td></tr>    <tr><td>0101</td><td>嘿嘿</td></tr>  </tbody></table> 

列表

表格用于表示二维数据(行,列),一维数据则用列表表示。列表可以分为无序列表(< ul >),有序列表(< ol >)和定义列表(< dl >)。前两种列表更常见一些,都用< li >标签包含列表项目。
无序列表表示一系列类似的项目,它们之间没有先后顺序。

<ul>  <li>apple</li>  <li>orange</li>  <li>peach</li></ul> 

有序列表中各个项目间的顺序是很重要的,浏览器通常会自动给它们产生编号。

<ol>  <li>打开冰箱门</li>  <li>把兔子塞进去</li>  <li>关上冰箱门冻死它</li></ol> 

框架

框架使一个窗口里能同时显示多个文档。主框架页里面没有< body >标签,取代它的是< frameset >。

< frameset >标签的属性Rows和Cols用于指定框架集里有多少行(列),以及每行(列)的高度(宽度)。

< frameset >标签可以包含< frame >标签,每个< frame >标签代表一个文档。

如果觉得这样的页面还不够复杂的话,还可以在< frameset >标签里包含< frameset >标签。

<frameset rows="20%,*">     <frame src="top.html" name=title scrolling=no>     <frameset cols="20%,*">          <frame src="left.html" name=sidebar>          <frame src="right.html" name=recipes>     </frameset></frameset> 

这是HTML常用的一些标签,看完想必有一些了解了吧,喜欢的话就尝试去吧,如果那里还有不足还可以给我补充哦。

感谢您的观看!

原创粉丝点击