HTML標簽與元素實例分析

這篇文章主要講解了“HTML標簽與元素實例分析”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“HTML標簽與元素實例分析”吧！

什么是標簽

標簽就是上面這些< head>、< body>、< table> 等被尖括號“<”和“>”包起來的對象，絕大部分的標簽都是成對出現的，如< table>< /talbe>、< form>< /form>。標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽，開始和結束標簽也被稱為開放標簽和閉合標簽;當然還有少部分不是成對出現的，如< br>、< hr>等。標簽就是用來標記HTML元素的。位于起始標簽和結束標簽之間的文本就是HTML元素的內容。

提前介紹什么是元素（對比）

很多人可能都沒有把哪個叫標簽，哪個叫元素這個概念搞清楚，學了一直都是混淆著。 為了避免這樣的悲劇再發生，我在這里就提前區別，事實上兩者之間的概念還是很清楚的

HTML網頁實際上就是由許許多多各種各樣的HTML元素構成的文本文件，并且任何網頁瀏覽器都可以直接運行HTML文件。所以可以這樣說，HTML元素就是構成HTML文件的基本對象，HTML元素可以說是一個統稱而已。HTML元素就是通過使用HTML標簽進行定義的。

比如< p>這就是一個標簽；< p>內容< /p>這就是一個元素，也就是說元素由一個開始的標簽和結束的標簽組成，用來包含某些內容;這里有一個值得注意的例外，即< br/>本身既是開始標簽也是結束標簽，但不包含任何內容，所以這只是個標簽。

常用的標簽

我們知道，網頁能實現各種各樣的定制，實現各種各樣的功能，反過來可以說明我們的標簽種類是很多的，這樣才能實現各種各樣的功能及定義。而這里我們先講四個最基本的標簽

HTML標題 Heading 是通過 < h2> - < h7> 等標簽進行定義的。 示例：

<h2>This is first heading</h2>

<h3>This is second heading</h3>

<h4>This is third heading</h4>

...

...

HTML段落 paragraph 是通過 < p> 標簽進行定義的。 示例：

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

...

...

HTML鏈接 鏈接 是通過 < a> 標簽進行定義的。 示例：

<a href="http://shiyanlou.com">This is a link</a>

HTML圖像 image是通過 標簽進行定義的。 示例：

<img src="shiyanlou.jpg" width="100" height="142" />

這里只是簡單的展示四個常用的標簽。這里還要補充的一點就是：HTML 標簽對大小寫不敏感：< P> 等同于 < p>。許多網站都使用大寫的 HTML 標簽。

感謝各位的閱讀，以上就是“HTML標簽與元素實例分析”的內容了，經過本文的學習后，相信大家對HTML標簽與元素實例分析這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！