iT邦幫忙

2024 iThome 鐵人賽

DAY 20
0
自我挑戰組

從零開始的HTML系列 第 20

Day 20 HTML的常用標籤

  • 分享至 

  • xImage
  •  

以下是 HTML 中 30 個常用標籤及其功能簡介:

  1. <html>:整個 HTML 文件的根元素,所有內容都包在這個標籤內。

  2. <head>:包含元數據(如文檔標題、字符編碼)以及外部資源連結(如 CSS)。

  3. <title>:設定網頁標題,顯示在瀏覽器標籤頁上。

  4. <meta>:描述網頁資料,包括網頁語系。

  5. <link>:連結外部檔案主要載入CSS檔案,。

  6. <style>:在文件內嵌入 CSS 樣式,影響 HTML 的外觀。

  7. <script>:嵌入或連結 JavaScript,添加互動功能。

  8. <body>:包含網頁的所有可見內容,如文字、圖片、表單等。

  9. <h1><h6>:表示標題層級,<h1> 最大,<h6> 最小。

  10. <p>:定義段落,用於包裹文本內容。

  11. <a>:定義超連結,透過 href 屬性指定連結目標。

  12. <img>:在網頁中插入圖片,透過 src 屬性指定圖片路徑。

  13. <ul>:定義無序列表,列表項由 標籤表示。

  14. <ol>:定義有序列表,列表項由 標籤表示,會自動編號。

  15. <li>:定義列表項目,用於無序或有序列表內。

  16. <div>:分割區塊元素,用於佈局和包裹其他元素。

  17. <span>:內聯元素,通常用於小範圍的樣式應用。

  18. <table>:定義表格,包含行和列的數據展示。

  19. <tr>:定義表格中的一行。

  20. <td>:定義表格中的一個儲存格。

  21. <th>:定義表格的表頭儲存格,通常會加粗顯示。

  22. <form>:定義表單,用於收集用戶輸入數據。

  23. <input>:定義表單輸入框,如文字框、單選按鈕、提交按鈕等。

  24. <button>:定義按鈕,可觸發表單提交或 JavaScript 事件。

  25. <label>:定義表單輸入框的標籤,與輸入框關聯。

  26. <textarea>:定義多行文本輸入框。

  27. <select>:定義下拉選單,允許用戶選擇一個或多個選項。

  28. <option>:定義 <select> 下拉選單中的選項。

  29. <header>:定義頁面或區段的頭部內容,通常包含標題、導航等。

  30. <footer>:定義頁面或區段的底部內容,通常包含版權信息、聯絡方式等。


上一篇
Day 19 HTML的表單製作
下一篇
Day 21 CSS常用選擇器
系列文
從零開始的HTML30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言