首页 > 代码库 > html标签分类以及常用标签

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=http://www.mamicode.com/”URL ”>页面

·相对URL

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

·绝对URL

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

 

5、 锚点标签:

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

 

例子:

<a href=http://www.mamicode.com/”#one”>one

<a href=http://www.mamicode.com/”#two”>two

<a href=http://www.mamicode.com/”#three”>three

 

<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=http://www.mamicode.com/”#”>

 

6、 图像标签:

<img />

属性:

Src:指定图片所在的URL;

Border:边框宽度;

Alt:图片描述;

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

Height:图片高度

7、 图像地图标签:

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

 

<img src=http://www.mamicode.com/””usemap=”#mymap” border=0 />

<map name=”mymap”>

<area shape=”rect” cords=”,,,” href=http://www.mamicode.com/””> 矩形

<area shap=”circle” cords=”,,” href=http://www.mamicode.com/””> 园

<araa shap=”poly” cords=”” href=http://www.mamicode.com/””> 多边形

</map>

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