iT邦幫忙

14.2%企業願意聘用大資料人才
Cloud Future Built Today
IT EXPLAINED 數位轉型攻略 VII
2

HTML 入門筆記 - 1 - 認識 HTML 與網頁結構

html html5
zoelinrd 2025-03-25 13:35:10 ‧ 1011 瀏覽

  • 分享至 

  • xImage
    •  

🔹 什麼是 HTML？

  • HTML（HyperText Markup Language，超文本標記語言） 是建立網頁的基本語言。
  • HTML不是程式語言，而是用「標籤（tag）」來描述內容結構。
  • 可以把 HTML 想成是網頁的骨架，讓瀏覽器知道各部分該如何呈現。

🔹 網頁是怎麼構成的？

技術 功能 說明
HTML 結構 建立內容與排版架構
CSS 外觀 設計樣式、顏色、字型與版面
JavaScript 行為 增加互動性與邏輯控制
  • HTML 負責內容、CSS 負責外觀、JavaScript 負責互動，三者缺一不可。

🔹 HTML 和 HTML5 比較

項目 HTML HTML5
發展 傳統標準 現行主流
結構標籤 少 增加語意化標籤（如 <header>、<footer>）
多媒體支援 需外掛（如 Flash） 原生支援 <video>、<audio>
API 功能 基本結構 支援地圖、動畫、離線功能等

🔹 注意事項

  • 建議使用 Chrome、Firefox、Edge 瀏覽器練習，支援性最好
  • 善用右鍵「檢查元素」，可以觀察其他網站的 HTML 結構
  • 不用死背語法，重點是理解標籤的用途與結構邏輯

🔹 參考資源


尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22211 篇
完賽人數
600 人
iT+看影片追技術 看影片追技術 看更多
Synology Security Development Lifecycle
臺灣資安大會 |
34 分
攻擊者視野中的零信任架構
臺灣資安大會 |
30 分
混合式多雲中暢行無阻
Cloud Summit 臺灣雲端大會 |
30 分
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
.
熱門問題
熱門回答
熱門文章