HTML的元素、文檔格式標籤、HTML連結示例詳解

本次主要給大家介紹下HTML的元素、文檔格式標籤、HTML連結的用法，用一種相對通俗一點的語言，容易懂的文字讓大家快速掌握html。儘量不用或少用專業術語。以下所寫的內容希望能幫助到大家，供大家在學習HTML中進行參考：

HTML標記

一、HTML的元素

1、HTML元素有始有終

HTML元素也就是說有開始，也要有結束，如：<p>今朝有酒今朝醉</p>，但要注意，有些標籤是自己開始自己結束的，如：<img src="Picture\2.jpg"/>。

2、HTML可以嵌套

嵌套什麼意思，就是在一個標籤裡可以嵌套另一個標籤。比如：<p><b>Hello World</b></p>，b標籤嵌套在p標籤中，這樣就可以把p標籤中的Hello World加粗顯示。

3、HTML使用小寫

HTML在編寫中，是不區分大小的，我們在寫HTML代碼時，可以根據需要是用小寫或是大寫。

HTML的元素

二、文檔格式標籤

1、HTML水平線

lHTML水平線 <hr />，在網頁中加一條分割線。注意它是自己開始，自己結束。

2、HTML拆行

lHTML拆行 <br />，在網頁中起到換行的作用，和<p>標籤的區別是：<p>標籤換行，行與行之間是有空隙的。<br />標籤換行是沒有空隙的。

3、lHTML中的特殊符號

>小於號用(>)表示

<大於號用(<)表示

&與用(&)表示

文檔格式標籤

三、HTML連結

HTML使用超連結與另一個文檔相連。

1、a標籤語法：

<a href=「URL」>…</a>(URL可以看成是地址)

如:<a href="網址">百度</a><br />

連結可以是一個字、一個詞或是一句話，也可以是一副圖片。

如:<a href="網址"><img src="1.jpg" border="0" target="_self或者_blank"/></a><br />

1）、超連結 href表示要連接到的地址

2）、target：打開新網頁的方式

3）、_blank表示打開一個新網頁進行跳轉。

4）、_self表示在當前頁面進行跳轉

2、跳到指定網頁

<a href="MyFirstHTML.htm">跳到指定網頁</a>

3、跳轉到指定地方

<a name="上面" href="#下面">跳到下面</a>

<a name="下面" href="#上面">跳到上面</a>

當我們點擊跳到下面，就會跳到下面，如果點擊跳到上面，頁面就會跳到上面。

4、一個圖片標籤,跳到另一個地方顯示圖片

連接指向另一個圖片地址，如：

<a href="帥照.jpg">果子妹妹</a>

3、創建電子郵件連結

URL格式為 ：mailto(協議):收件人的郵箱名?subject=主題名&body=郵件內容

需要安裝郵件客戶端(outlook)(發郵件要有這個客戶端) 如:

<a href="mailto:zb@@126.com?subject=12345&body=56789">發個郵件</a> (這麼做會啟動默認的那個客戶端,如果想用其他的郵件客戶端只需要更改默認的就可以了)

HTML圖像

五、本章節練習

用以上學到的標籤做一個練習，示例代碼如下：

本章節練習

以上是本人對HTML的元素、文檔格式標籤、HTML連結的用法理解，大家在學習中，一定要多記，多寫，多練習。學習HTML沒有特別的好辦法，多記，多寫，多練習是唯一的，也是最有效的途徑，只有把這些標籤熟練地掌握了，才能更好的駕馭代碼，才能寫出優秀的代碼，才能成為一個優秀的程式設計師。