1. 程式人生 > >第三天·HTML常用標籤

第三天·HTML常用標籤

一·<h1>-<h6>

單詞縮寫:head
HTML的<h1>-<h6>代表了六個等級的標題,其中<h1>標籤比較重要,因此要儘量少用。一般<h1>是給logo使用,或者是頁面中最重要的標題。

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>

二·<p>

單詞縮寫:paragraph
在HTML中每個段落都是通過<p>元素標籤進行定義的, 比如下面這樣:

<p>I am a paragraph, oh yes I am.</p>

<p>是HTML中最常用的標籤,預設情況下,文字在一個段落中會根據瀏覽器視窗的大小自動換行。

三·<hr/>

單詞縮寫:horizontal
在網頁中常常看到一些水平線將段落與段落之間隔開,使得文件結構清晰,層次分明。這些水平線可以通過插入圖片實現,也可以簡單地通過標籤來完成。它是一個單標籤,其基本語法格式如下:

<hr />是單標籤

四·<br/>

單詞縮寫:break
在HTML中,一個段落中的文字會從左到右依次排列,直到瀏覽器視窗的右端,然後自動換行。如果希望某段文字強制換行顯示,就需要使用換行標籤:

<br/>

在HTML中直接敲回車來換行是不起作用的。

五·文字格式化標籤

具體如下:
文字化格式標籤
其中<b>、<i>、<s>、<u>只有使用沒有強調的意思, <strong>、<em>、<del>、<ins>語義更強烈。

六·影象標籤<img/>

單詞縮寫:image
HTML網頁中任何元素的實現都要依靠HTML標籤,要想在網頁中顯示影象就需要使用影象標籤,<img>標籤基本語法如下:

<img src="影象URL"/>

該語法中:src屬性用於定義指定影象的檔名和路徑,它是<img/>標籤的必選屬性。
img標籤
相對路徑與絕對路徑
相對路徑:以引用檔案之網頁所在位置為參考基礎,而建立出的目錄路徑。因此,當保存於不同目錄的網頁引用同一個檔案時,所使用的路徑將不相同,故稱之為相對路徑。具體如下:
(1)影象檔案和HTML檔案位於同一資料夾:只需輸入影象檔案的名稱即可,如<img src="logo.gif" />。
(2)影象檔案位於HTML檔案的下一級資料夾:輸入資料夾名和檔名,之間用“/”隔開,如<img src="img/img01/logo.gif" />。
(3)影象檔案位於HTML檔案的上一級資料夾:在檔名之前加入“../” ,如果是上兩級,則需要使用 “../ ../”,以此類推,如<img src="../logo.gif" />。
絕對路徑:絕對路徑以Web站點根目錄為參考基礎的目錄路徑。之所以稱為絕對,意指當所有網頁引用同一個檔案時,所使用的路徑都是一樣的,例如:“D:webimglogo.gif”,或完整的網路地址,例如“http://www.itcast.cn/images/l...”。

七·連結標籤<a>

單詞縮寫:anchor
<a>元素(或錨元素)可以建立一個到其他網頁、檔案、同一頁面內的位置、電子郵件地址或任何其他URL的超連結。在HTML中建立超連結非常簡單,只需用標籤環繞需要被連結的物件即可,基本語法如下:

<a href="跳轉目標" target="目標視窗的彈出方式">文字或影象</a>

常用屬性:
(1)download:<a>標籤的download屬性規定被下載的超連結目標,只有Firefox和Chrome支援download屬性。
(2)href:<a>標籤的href屬性用於指定超連結目標的URL。
(3)name:<a>標籤name屬性用於指定錨(anchor)的名稱,該屬性在HTML5中不支援。
備註:在 HTML 4.0 之前的版本中,只有使用<a>標籤的name屬性才能建立片段識別符號。隨著HTML 4.0中id屬性的出現,所有HTML或XHTML元素都可以是片段識別符號。這是因為id識別符號幾乎可以用在所有的標籤中。<a>標籤為了能夠和以前的版本相相容而保留了name屬性,同時也可以使用id屬性。這些屬性可以相互交換使用,可以把id屬性看作是 name 屬性的升級版本。name和id屬性都可以與href屬性結合起來使用,這樣一個<a>標籤就可以同時作為超連結和片段識別符號使用。
(4)target:<a>標籤的 target 屬性規定在何處開啟連結文件。
備註:如果在一個<a>標籤內包含一個 target 屬性,瀏覽器將會載入和顯示用這個標籤的 href 屬性命名的、名稱與這個目標吻合的框架或者視窗中的文件。如果這個指定名稱或 id 的框架或者視窗不存在,瀏覽器將開啟一個新的視窗,給這個視窗一個指定的標記,然後將新的文件載入那個視窗。從此以後,超連結文件就可以指向這個新的視窗。target屬性的值:
target屬性的值
注意<a>標籤中必須提供href屬性或name屬性。