HTML：超文本標記語言

HTML（HyperText Markup Language，超文本標記語言）是 Web 最基本的構建塊。它定義了 Web 內容的意義和結構。除了 HTML 之外，通常還會使用其他技術來描述 Web 的外觀／呈現（CSS）或功能／行為（JavaScript）。

「超文本」（HyperText）指的是將 Web 相互連接的連結，可以在單個網站內部或網站之間進行連接。連結是 Web 的基本方面。通過將內容上傳到互聯網並將其連接到其他人創建的頁面，你成為了全球資訊網的積極參與者。

HTML 使用「標記」（Markup）來詮釋文本、圖像和其他內容，以便在 Web 瀏覽器中顯示。HTML 標記包括特殊的「元素」，例如 <head>、<title>、<body>、<header>、<footer>、<article>、<section>、<p>、<div>、<span>、<img>、<aside>、<audio>、<canvas>、<datalist>、<details>、<embed>、<nav>、<search>、<output>、<progress>、<video>、<ul>、<ol>、<li> 等等。

HTML 元素通過「標籤」與文件中的其他文本區分開來，標籤由元素名稱和 < 及 > 組成。標籤內的元素名稱不區分大小寫。也就是說，它可以用大寫、小寫或混合寫法。例如，<title> 標籤可以寫成 <Title>、<TITLE> 或其他任何方式。然而，慣例和推薦的做法是將標籤寫成小寫。

以下文章可以幫助你進一步了解 HTML。

初學者教程

你的第一個網站：創建內容: 這篇文章提供了一個簡短的 HTML 簡介和使用方法，適合完全新手的 Web 開發者。
使用 HTML 建構內容: 我們的學習 Web 開發章節的 HTML 模塊從頭開始教授所有 HTML 基礎知識。

指南

HTML 表單: 表單是 Web 非常重要的一章節——它們提供了與網站互動所需的大章節功能，例如註冊和登錄、發送反饋、購買產品等。此模塊將幫助你開始創建表單的用戶端/前端部分。
啟用 CORS 的圖像: crossorigin 屬性與適當的 CORS 標頭結合使用，允許由 <img> 元素定義的圖像從外部來源加載，並在 <canvas> 元素中使用，就像它們是從當前來源加載的一樣。
CORS 設定屬性: 一些支援 CORS 的 HTML 元素，例如 <img> 或 <video>，具有 crossorigin 屬性（crossOrigin 屬性），允許你配置元素提取數據的 CORS 請求。
使用 rel="preload" 預加載內容: <link> 元素的 rel 屬性的 preload 值允許你在 HTML <head> 中編寫聲明式提取請求，指定頁面加載後不久將需要的資源，因此你希望在頁面加載生命週期的早期開始預加載它們，這樣可以確保它們更早可用，並且不太可能阻塞頁面的首次渲染，從而提高性能。這篇文章提供了 preload 的基本指南。
響應式圖像: 在這篇文章中，我們將學習響應式圖像的概念——在具有不同螢幕尺寸、分辨率和其他特徵的設備上良好顯示的圖像——並查看 HTML 提供的幫助實現它們的工具。這有助於提高不同設備上的性能。

參考

HTML 參考: HTML 由元素組成，每個元素都可以由若干屬性修飾。HTML 文件通過連結相互連接。
HTML 元素參考: 瀏覽所有 HTML 元素的列表。
HTML 屬性參考: HTML 中的元素具有屬性。這些屬性是配置元素或以各種方式調整其行為的附加值。
全域屬性: 全域屬性可以在所有 HTML 元素上指定，即使那些未在標準中指定的元素。這意味著任何非標準元素仍然必須允許這些屬性，即使這些元素使文件不符合 HTML5 標準。
內聯級元素和區塊級元素: HTML 元素通常是「內聯級」或「區塊級」元素。內聯級元素僅佔據由定義它的標籤界定的空間。區塊級元素佔據其父元素（容器）的整個空間，從而創建一個「區塊框」。
HTML 註釋: HTML 註釋用於向標記添加說明性註釋或防止瀏覽器解釋文件的特定部分。
Web 上的媒體類型和格式指南: <audio> 和 <video> 元素允許你在內容中本地播放音訊和視訊媒體，而無需外部軟體支援。
HTML 內容類型: HTML 由幾種內容組成，每種內容允許在某些上下文中使用，而在其他上下文中不允許使用。同樣，每個上下文都有一組它可以包含的其他內容類型以及可以或不能在其中使用的元素。這是這些類型的指南。
怪異模式和標準模式: 關於怪異模式和標準模式的歷史訊息。

初學者教程

指南

參考

相關主題