iT邦幫忙

2025 iThome 鐵人賽

DAY 8
0
生成式 AI

30天製作生成式AI的互動網頁專案系列 第 8

Day-8 HTML網頁的基礎-2

  • 分享至 

  • xImage
  •  

HTML 基礎標籤介紹:

HTML(HyperText Markup Language)是製作網頁的核心語言,它透過「標籤(Tag)」來描述內容的結構。標籤通常成對出現,例如 p ... /p,表示一個段落。以下是一些最常用的基礎標籤:

標題(Heading):使用 h1 到 h6 表示標題層級,h1 最大,h6 最小。

<h1>我是主標題</h1>
<h2>我是次標題</h2>
<h3>我是小標題</h3>

段落(Paragraph):p 用來放置文字段落。

<p>這是一個段落,通常用來呈現文章內容。</p>

換行(Line Break):br 可在文字中換行。

<p>這是第一行<br>這是換行後的第二行</p>

超連結(Link):a href="URL"文字/a,可讓使用者點擊並跳轉到其他頁面。

<a href="https://www.google.com">點我前往 Google</a>

以上這些都是 基礎且常用的 HTML 標籤,包括標題、段落、超連結、圖片、清單、表格與表單等,它們構成了網頁的基本骨架。想要實作出一個完整的網頁,就必須先熟習這些標籤的功能與用法,因為它們決定了內容的結構與呈現方式。例如,透過 h1 到 h6 可以建立層級分明的標題,讓內容更有組織;p 可以放置段落文字;a 提供跳轉連結,讓網頁能與其他資源互動;img 則能插入圖片,讓畫面更豐富。清單 ul、ol 有助於條理化資訊,表格 table 可以用來呈現資料,而表單 form 更是與使用者互動的核心,能收集輸入資料並傳送到伺服器。掌握這些標籤之後,就能開始搭配 CSS 美化外觀,再結合 JavaScript 增加互動功能,逐步完成一個具有結構、設計與動態效果的現代化網頁。


上一篇
Day-7 HTML網頁的基礎-1
下一篇
Day-9 HTML網頁的基礎-3
系列文
30天製作生成式AI的互動網頁專案9
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言