iT邦幫忙

2025 iThome 鐵人賽

DAY 10
0
佛心分享-IT 人自學之術

從基礎開始—web學習之路系列 第 10

從基礎建設web網頁-第二章 HTML 骨架

  • 分享至 

  • xImage
  •  

HTML 骨架

1. 文件宣告

<!DOCTYPE html>

宣告這是一份 HTML5 文件。
讓瀏覽器知道要用 HTML5 標準來解析。

2. 根元素

<html lang="zh-Hant">

html 是整份網頁的根節點。
lang="zh-Hant" 表示內容主要是繁體中文,有助於搜尋引擎和輔助工具(像螢幕閱讀器)。

3. 頁面資訊區

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title> 我的網頁 </title>
</head>

head:存放「頁面資訊」,不直接顯示在畫面上。
meta charset="UTF-8" → 設定編碼,避免中文亂碼。
meta name="viewport"... → 讓手機、平板顯示時能自適應。
title → 設定瀏覽器分頁標題。

4. 主體內容

<body>
  <h1>歡迎來到我的網站</h1>
  <p>這是一個基本的 HTML 骨架範例。</p>
</body>

body:網頁的主要內容區塊。
h1:標題(通常一頁只有一個 h1,用來代表頁面的主題)。
p:段落文字。


上一篇
從基礎建設web網頁-第一章
下一篇
從基礎建設web網頁-第三章 HTML 進階語法
系列文
從基礎開始—web學習之路12
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言