技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
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) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
10432
篇
完賽人數
100
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
17th鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
熱門問題
Esxi 8.0版本上的虛擬機器, 安裝的作業系統是Windows Server 2025, 確定輸入的密碼是正確的, 無法登入(顯示密碼錯誤)
【求助】顯卡/主板 支援 PCIe4.0 為何 Host to Device (H2D) 只剩 Gen1 速度 (0.5 GB/s) ?
請問今天鐵人賽的發文系統是否故障?
Windows GPO Bitlocker
HP iLo Advanced trial license
在線求大神,千奧軟體主機怎麼安裝
Docker Compose 建立 GitLab 容器,執行器 Runner 運行流水線問題
windows server無法使用gpedit.msc
Java證照題目(main() method)
因為網路磁碟的關係造成系統自動重新開機
熱門回答
Esxi 8.0版本上的虛擬機器, 安裝的作業系統是Windows Server 2025, 確定輸入的密碼是正確的, 無法登入(顯示密碼錯誤)
因為網路磁碟的關係造成系統自動重新開機
Windows GPO Bitlocker
【求助】顯卡/主板 支援 PCIe4.0 為何 Host to Device (H2D) 只剩 Gen1 速度 (0.5 GB/s) ?
windows server無法使用gpedit.msc
熱門文章
第30天,完賽心得 / 葉家藥燉排骨 在地排隊美食(新北板橋)| 30天滷肉飯
[為你自己學 n8n] 第 3 天,打開控制台,認識你的自動化駕駛艙!
第4天,數位憑證的產生 / 中崙張記藥膳排骨 排骨讚(台北松山)| 30天滷肉飯
第4天,Cloudflare Public DNS 與 WARP / 滷小小 美味的滷味 | 30天板橋湳雅夜市
第3天, 公鑰與私鑰 / 一甲子餐飲 都是韓國人在吃(台北萬華)| 30天滷肉飯
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}