選單
×
我的 W3Schools 獲得認證 Spaces 適用於教師 Plus 獲得認證 Spaces 適用於教師 Plus
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP 操作方法 W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML 教程

HTML 首頁 HTML 簡介 HTML 編輯器 HTML 基礎 HTML 元素 HTML 屬性 HTML 標題 HTML 段落 HTML 樣式 HTML 格式化 HTML 引用 HTML 註釋 HTML 顏色
顏色 RGB HEX HSL
HTML CSS HTML 連結
連結 連結顏色 連結書籤
HTML 影像
影像 影像對映 背景影像 圖片元素
HTML 收藏夾圖示 HTML 頁面標題 HTML 表格
HTML 表格 表格邊框 表格大小 表格標題 內邊距與間距 跨列與跨行 表格樣式 表格列組
HTML 列表
列表 無序列表 有序列表 其他列表
HTML 塊與內聯元素 HTML Div HTML 類 HTML Id HTML Iframe HTML JavaScript HTML 檔案路徑 HTML Head HTML 佈局 HTML 響應式 HTML 計算機程式碼 HTML 語義化 HTML 樣式指南 HTML 實體 HTML 符號 HTML 表情符號 HTML 字元集 HTML URL 編碼 HTML vs. XHTML

HTML 表單

HTML 表單 HTML 表單屬性 HTML 表單元素 HTML 輸入型別 HTML 輸入屬性 輸入表單屬性

HTML 圖形

HTML Canvas HTML SVG

HTML 媒體

HTML 媒體 HTML 影片 HTML 音訊 HTML 外掛 HTML YouTube

HTML API

HTML 地理定位 HTML 拖放 HTML Web 儲存 HTML Web Workers HTML SSE

HTML 示例

HTML 示例 HTML 編輯器 HTML 測驗 HTML 練習 HTML 網站 HTML 面試準備 HTML 新兵訓練營 HTML 證書 HTML 摘要 HTML 無障礙性

HTML 參考

HTML 標籤列表 HTML 屬性 HTML 全域性屬性 HTML 瀏覽器支援 HTML 事件 HTML 顏色 HTML Canvas HTML 音訊/影片 HTML 文件型別定義 HTML 字元集 HTML URL 編碼 HTML 語言程式碼 HTTP 訊息 HTTP 方法 PX 到 EM 轉換器 鍵盤快捷鍵

HTML 示例

❮ 上一個 下一個 ❯

HTML 基礎

HTML 文件 HTML 標題 HTML 段落 HTML 連結 HTML 影像 HTML 按鈕 HTML 列表

Examples explained

HTML 屬性

title 屬性 href 屬性 width 和 height 屬性 alt 屬性 不帶引號的屬性 不帶引號的屬性不起作用

Examples explained

HTML 標題

HTML 標題 HTML 水平線 HTML head

Examples explained

HTML 段落

HTML 段落 更多 HTML 段落 HTML 中換行的使用 詩歌問題（HTML 格式化的一些問題） 如何使用 <pre> 標籤控制換行和空格

Examples explained

HTML 樣式

HTML 樣式 HTML 背景顏色 HTML 文字顏色 HTML 文字字型 HTML 文字大小 HTML 文字對齊

Examples explained

HTML 文字格式

使用 <b> 元素進行粗體格式化 使用 <strong> 元素進行強調格式化 使用 <i> 元素進行斜體格式化 使用 <em> 元素進行強調格式化 使用 <small> 元素進行小號格式化 使用 <mark> 元素進行標記格式化 使用 <del> 元素進行刪除標記 使用 <ins> 元素進行插入標記 使用 <del> 和 <ins> 進行刪除和插入標記 使用 <sub> 元素進行下標格式化 使用 <sup> 元素進行上標格式化

Examples explained

HTML 引用和引文

使用 <q> 元素格式化短引用。 使用 <blockquote> 元素格式化引用部分。 使用 <address> 元素格式化文件作者/所有者資訊 使用 <abbr> 元素格式化縮寫詞和首字母縮略詞 使用 <cite> 元素格式化作品標題 使用 <bdo> 元素格式化文字方向

Examples explained

HTML 註釋

隱藏註釋 條件註釋 用於除錯的註釋

Examples explained

HTML CSS

帶有內聯 CSS 的 HTML 帶有內部 CSS 的 HTML 帶有外部 CSS 的 HTML 帶有 CSS 字型的 HTML 使用 id 屬性的帶有 CSS 的 HTML 使用 class 屬性的帶有 CSS 的 HTML HTML 和 CSS 邊框 HTML 和 CSS 內邊距 HTML 和 CSS 外邊距 HTML 和 CSS 完整演示

Examples explained

HTML 連結

使用絕對 URL 連結 使用相對 URL 連結 更改連結顏色 移除連結下劃線 更改連結目標 將影像作為連結 建立書籤連結 跳出框架的連結 郵件連結 帶有主題的郵件連結

Examples explained

HTML 影像

一個影像 使用屬性設定影像高度和寬度 使用 CSS 設定影像高度和寬度 同時使用屬性和 CSS 設定影像高度和寬度 另一個資料夾中的影像 連結損壞的影像 另一個伺服器上的影像 將影像用作連結 一個移動的影像 帶有可點選區域的影像地圖 一個浮動影像

Examples explained

HTML 表格

基本的 HTML 表格 帶邊框的表格 帶摺疊邊框的表格 帶單元格內邊距的表格 帶標題的表格 帶左對齊標題的表格 水平/垂直表格標題 帶標題的表格 跨多列的表格單元格 跨多行的表格單元格 帶單元格間距的表格 內部帶有 HTML 標籤的表格 使用 id 樣式不同的表格 I 使用 id 樣式不同的表格 II 使用 class 樣式不同的表格 I 使用 class 樣式不同的表格 II

Examples explained

HTML 列表

無序列表（預設） 帶圓盤專案的無序列表 帶圓圈專案的無序列表 帶方形專案的無序列表 不帶專案的無序列表 有序列表（預設） 帶數字的有序列表 帶大寫字母的有序列表 帶小寫字母的有序列表 帶羅馬數字的有序列表 帶小寫羅馬數字的有序列表 描述列表 巢狀列表 I 巢狀列表 II 水平列表 水平列表選單

Examples explained

HTML 塊級和內聯元素

<div> 元素 <span> 元素 為 <div> 元素設定樣式 為 <span> 元素設定樣式

Examples explained

HTML Div 元素

<div> 元素自帶換行符 <div> 作為容器 居中對齊 <div> 元素 多個 <div> 元素 浮動 <div> 元素 使用 display:inline-block 定位 <div> 元素 使用 display:flex 定位 <div> 元素 使用 display:grid 定位 <div> 元素

Examples explained

HTML 類

樣式化所有具有指定類名的元素 使用 JavaScript 訪問具有指定類名的元素 多個類 相同的類，不同的標籤

Examples explained

HTML Id

樣式化具有特定 id 的元素 class 和 id 的區別 使用 JavaScript 訪問具有特定 id 的元素

Examples explained

HTML 佈局

使用浮動佈局 使用彈性盒佈局 使用彈性盒佈局 2 使用彈性盒佈局 3

Examples explained

HTML IFrame

內聯框架（HTML 頁面中的框架）

Examples explained

HTML head 元素

一個沒有 <html>、<body> 和 <head> 的有效 HTML 文件 一個沒有 <head> 元素的有效 HTML 文件 <title> 元素定義文件標題 <style> 元素包含樣式資訊 <link> 元素定義與外部資源的關聯 <meta> 元素定義特殊的元資訊 <script> 元素定義客戶端 JavaScript <base> 元素定義所有 URL 的基本 URL

Examples explained

HTML 指令碼

插入指令碼 <noscript> 標籤的使用

Examples explained

HTML 計算機程式碼元素

使用 <kbd> 元素格式化鍵盤輸入 使用 <samp> 元素格式化計算機輸出 使用 <code> 元素格式化程式設計程式碼 保留空格和換行的程式設計程式碼格式化 使用 <var> 元素格式化變數

Examples explained

HTML 表單

帶文字輸入的表單 帶單選按鈕輸入的表單 帶文字欄位和提交按鈕的表單 不帶 name 屬性的文字欄位表單 分組表單資料

Examples explained

HTML 表單元素

簡單的下拉列表 帶有預選值的下拉列表 文字區域（多行文字輸入欄位） 輸入按鈕 使用 <datalist> 元素 使用 <output> 元素

Examples explained

HTML 輸入型別

文字輸入型別 密碼輸入型別 單選輸入型別 複選框輸入型別 按鈕輸入型別 數字輸入型別 - 帶限制 數字輸入型別 - 帶步長 日期輸入型別 - 帶日期選擇器 日期輸入型別 - 帶限制 顏色輸入型別 - 帶顏色選擇器 範圍輸入型別 月份輸入型別 周輸入型別 時間輸入型別 本地日期時間輸入型別 電子郵件輸入型別 搜尋輸入型別 電話輸入型別 URL 輸入型別

Examples explained

HTML 輸入屬性

autocomplete 屬性 novalidate 屬性 autofocus 屬性 form 屬性 formaction 屬性 formenctype 屬性 formmethod 屬性 formnovalidate 屬性 formtarget 屬性 height 和 width 屬性 list 屬性 min 和 max 屬性 multiple 屬性 pattern 屬性 placeholder 屬性 required 屬性 step 屬性

Examples explained

HTML Canvas 圖形

使用 JavaScript 在 canvas 上繪圖 使用 lineTo() 繪製線條 使用 arc() 繪製圓形 使用 fillText() 繪製文字 使用 strokeText() 繪製文字 繪製線性漸變 繪製圓形漸變 使用 drawImage() 繪製圖像

Examples explained

HTML SVG 圖形

SVG 圓形 SVG 矩形 SVG 圓角矩形 SVG 星形 SVG 標誌

Examples explained

HTML 媒體

播放兔子影片 播放帶控制器的熊影片 自動播放熊影片 播放帶控制器的馬聲音

Examples explained

HTML 地理定位

獲取地理定位座標 處理地理定位錯誤 獲取地理定位並觀察位置

Examples explained

HTML 本地儲存

永久儲存名稱 永久儲存計數器 為單個會話儲存計數器

Examples explained

HTML 媒體

播放影片檔案 在 HTML 中播放音訊檔案 在 HTML 中播放 YouTube 影片

Examples explained

更多 HTML 示例

HTML 拖放 HTML Web Workers HTML 伺服器傳送事件


❮ 上一個 下一個 ❯
PLUS
空格
獲取證書
面向教師
面向企業
聯絡我們
×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業，請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤，或想提出建議，請傳送電子郵件給我們
help@w3schools.com

熱門教程
HTML 教程
CSS 教程
JavaScript 教程
操作方法教程
SQL 教程
Python 教程
W3.CSS 教程
Bootstrap 教程
PHP 教程
Java 教程
C++ 教程
jQuery 教程
熱門參考
HTML 參考
CSS 參考
JavaScript 參考
SQL 參考
Python 參考
W3.CSS 參考
Bootstrap 參考
PHP 參考
HTML 顏色
Java 參考
Angular 參考
jQuery 參考
熱門示例
HTML 示例
CSS 示例
JavaScript 示例
操作方法示例
SQL 示例
Python 示例
W3.CSS 示例
Bootstrap 示例
PHP 示例
Java 示例
XML 示例
jQuery 示例
獲取證書
 HTML 證書
CSS 證書
JavaScript 證書
前端證書
SQL 證書
Python 證書
PHP 證書
jQuery 證書
Java 證書
C++ 證書
C# 證書
XML 證書
論壇 關於 學院
W3Schools 經過最佳化，旨在方便學習和培訓。示例可能經過簡化，以提高閱讀和學習體驗。
教程、參考資料和示例會不斷審查，以避免錯誤，但我們無法保證所有內容的完全正確性。
使用 W3Schools 即表示您已閱讀並接受我們的使用條款、Cookie 和隱私政策。

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援。