在網頁設計與開發中,超文本標記語言(HyperText Markup Language, HTML)是一種基本的語言,用於定義網頁的內容與結構。它透過使用一系列稱為「標籤」(tags)的特殊標記來描述網頁上的每個元素,例如文字、圖片、連結、表格等等。本篇文章將詳細介紹 HTML 中的一些常見且重要的標籤。
1. “ 宣告:
這個不是一個真正的標籤,但它非常重要,因為它是任何有效 HTML5 文件的第一行。它告訴瀏覽器文件使用的語法版本。對於 HTML5,使用 “。
2. “ (Document Type Declaration):
這是一個提示,告訴瀏覽器您要遵循哪個版本的 HTML 標準。請務必始終在您的文件中包含 DOCTYPE,以確保正確的解析和渲染。
3. “ 標籤:
這是整個文件的根元素,所有其他標籤都嵌套在其內部。它通常包含兩個主要的子元素:“ 和 “。
4. “ 標籤:
這個部分包含了頁面的元數據,如標題、樣式表、腳本和其他不直接顯示在頁面上的資訊。
5. `
這個標籤為網頁提供了一個標題,該標題會出現在瀏覽器的標題欄上。
6. “ 標籤:
這個標籤可以設置頁面的元資料屬性,比如關鍵字、描述、viewport 等。
7. “ 標籤:
這個標籤可以用來引入外部資源,最常見的是引入 CSS 檔案。
8. “ 標籤:
這個標籤可以用來在 HTML 文件內部定義樣式。
9. “ 標籤:
這個標籤可以用來嵌入 JavaScript 代碼或者指向外部 JavaScript 檔案的引用。
10. “ 標籤:
這個部分包含了用戶實際看到的網頁內容。
11. `
` 標籤:
這個標籤用來創建段落。
12. `
–
` 標籤:
這些標籤用來創建不同層級的主題或副標題。`
` 是最大的,而 `
` 是最小的。
13. `
- ` and `
- ` 標籤:
這個標籤用來表示清單中的一項。
15. `` 標籤:
這個標籤用來創建連結到另一個網頁、同一網頁的不同部分或其他網址。
16. “ 標籤:
這個標籤用來插入圖像。
17. `
` 標籤:
這個標籤用來創建表格。
18. `
` 標籤: 這個標籤用來創建表格中的列。
19. `
` 標籤: 這個標籤用來創建表格中的單一格子。
以上只是 HTML 中眾多可用標籤的一部分。隨著 Web 技術的不斷發展,新的標籤和功能不斷被加入,因此保持對最新 HTML 標準的瞭解是非常重要的。作為一名 Web 開發人員,熟悉並靈活運用這些標籤能夠幫助您創建結構清晰、易於訪問和優雅呈現的網站。
- ` 標籤:
分別代表有序列表和無序列表。
14. `