html標籤分類以及常用標籤

標籤：使用   strong   width   html   re   c   

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=”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指定連結的位置