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>





<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指定链接的位置