第三天·HTML經常使用標籤

一·<h1>-<h6>

單詞縮寫:head
HTML的<h1>-<h6>表明了六個等級的標題,其中<h1>標籤比較重要,所以要儘可能少用。通常<h1>是給logo使用,或者是頁面中最重要的標題。web

<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中,一個段落中的文字會從左到右依次排列,直到瀏覽器窗口的右端,而後自動換行。若是但願某段文本強制換行顯示,就須要使用換行標籤:spa

<br/>

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

五·文本格式化標籤

具體以下:
文本化格式標籤
其中<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中建立超連接很是簡單,只需用標籤環繞須要被連接的對象便可,基本語法以下:get

<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屬性。

相關文章
相關標籤/搜索