技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2
HTML 入門筆記 - 1 - 認識 HTML 與網頁結構
html
html5
zoelinrd
2025-03-25 13:35:10
‧
1516 瀏覽
分享至
🔹
什麼是 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) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
413
組
團體組數
14
組
累計文章數
3039
篇
最後報名日
9/15
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
17th鐵人賽
windows
php
c#
windows server
linux
css
react
熱門問題
不知道網路紅隊的要去那加公司
備份映像檔
Outlook 寄件備份消失問題 (已解決)
aws ec2 檢查故障問題
請問有人遇過在lightsail上部屬fastapi失敗的案例?
IIS 管理員 連線功能不見
Jaspersoft 的資料庫連結 出現錯誤:驅動程式無法使用安全通訊端層 (SSL) 加密建立與 SQL Server 的安全連接。
port-forwading到遠程網段
熱門回答
不知道網路紅隊的要去那加公司
備份映像檔
請問有人遇過在lightsail上部屬fastapi失敗的案例?
aws ec2 檢查故障問題
熱門文章
什麼是 Signal ?
第10天,No-Code 快速上線又省錢 / 原汁排骨湯 台北最好喝的排骨湯(台北萬華)| 30天滷肉飯
序: AI 加速編碼後,你該學什麼?
Signal 的核心概念
第11天,LibreOffice 更省錢 / 司機俱樂部 宵夜好選擇(台北松山)| 30天滷肉飯
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}