選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO 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 顏色 HTML CSS HTML 連結 HTML 影像 HTML 收藏夾圖示 HTML 頁面標題 HTML 表格 HTML 列表 HTML 塊與內聯 HTML Div HTML 類 HTML Id HTML Iframes 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 Doctype HTML 字元集 HTML URL 編碼 HTML 語言程式碼 HTTP 訊息 HTTP 方法 PX 轉 EM 轉換器 鍵盤快捷鍵

HTML 基本示例


在本章中,我們將展示一些基本的 HTML 示例。

如果您還不瞭解某些標籤,請不要擔心。


HTML 文件

所有 HTML 文件都必須以文件型別宣告開頭:<!DOCTYPE html>

HTML 文件本身以 <html> 開始,以 </html> 結束。

HTML 文件的可見部分位於 <body></body> 之間。

示例

<!DOCTYPE html>
<html>
<body>

<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>

</body>
</html>
自己動手試一試 »

<!DOCTYPE> 宣告

宣告 <!DOCTYPE> 代表文件型別,並幫助瀏覽器正確顯示網頁。

它必須只出現一次,位於頁面頂部(在任何 HTML 標籤之前)。

宣告 <!DOCTYPE> 不區分大小寫。

HTML5 的 <!DOCTYPE> 宣告是:

<!DOCTYPE html>

HTML 標題

HTML 標題使用 <h1><h6> 標籤定義。

<h1> 定義最重要的標題。 <h6> 定義最不重要的標題: 

示例

<h1>這是標題 1</h1>
<h2>這是標題 2</h2>
<h3>這是標題 3</h3>
自己動手試一試 »


HTML 段落

HTML 段落使用 <p> 標籤定義

示例

<p>這是一個段落。</p>
<p>這是另一個段落。</p>
自己動手試一試 »

HTML 連結

HTML 連結使用 <a> 標籤定義

示例

<a href="https://w3schools.tw">這是一個連結</a>
自己動手試一試 »

連結的目的地在 href 屬性中指定。 

屬性用於為 HTML 元素提供額外資訊。

您將在後面的章節中瞭解更多關於屬性的資訊。


HTML 影像

HTML 影像使用 <img> 標籤定義。

原始檔(src)、替代文字(alt)、widthheight 作為屬性提供。

示例

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
自己動手試一試 »

如何檢視 HTML 原始碼

您是否曾見過一個網頁並想知道“嘿!他們是怎麼做到的?”

檢視 HTML 原始碼

在 HTML 頁面中按 CTRL + U,或右鍵單擊頁面並選擇“檢視頁面原始碼”。這將開啟一個新選項卡,其中包含頁面的 HTML 原始碼。

檢查 HTML 元素

右鍵單擊元素(或空白區域),然後選擇“檢查”以檢視元素是由什麼組成的(您將看到 HTML 和 CSS)。您還可以在開啟的“元素”或“樣式”面板中即時編輯 HTML 或 CSS。




×

聯絡銷售

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

報告錯誤

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

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

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