HTML 入門筆記 - 1 - 認識 HTML 與網頁結構 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2

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

html html5

zoelinrd 2025-03-25 13:35:10 ‧ 1533 瀏覽

分享至

🔹 什麼是 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 結構
不用死背語法，重點是理解標籤的用途與結構邏輯

🔹 參考資源

MDN HTML 文件

熱門推薦

{{ item.subject }}

{{ item.channelVendor }} | {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

902 組

團體組數

37 組

累計文章數

10432 篇

完賽人數

100 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 17th鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react

IT邦幫忙