--- title: HTML:超文本標記語言 slug: Web/HTML tags: - HTML - HTML元素 - 多媒體 - 影像 - 音樂 translation_of: Web/HTML ---
HTML(HyperText Markup Language,超文本標記語言)是打造網頁的基石。它表述並定義網頁的內容。伴隨 HTML 而來的技術還有描述網頁外觀(CSS)及功能性的程式語言(JavaScript)。
「超文本」(HyperText)是指從某個網頁連到其他網頁的連結,不管它連結到站內抑或站外。連結連結 Web 的核心概念。藉由撰寫與上載網頁到網際網路中,你就積極參與了全球資訊網(World Wide Web)。
HTML 使用「標記」(markup)來詮釋文字、圖像、或是其他能在瀏覽器裡面顯示的內容。HTML 標記還包括一些特殊「元素」(element),例如:{{HTMLElement("head")}}、{{HTMLElement("title")}}、{{HTMLElement("body")}}、{{HTMLElement("header")}}、{{HTMLElement("footer")}}、{{HTMLElement("article")}}、{{HTMLElement("section")}}、{{HTMLElement("p")}}、{{HTMLElement("div")}}、{{HTMLElement("span")}}、{{HTMLElement("img")}}……等等。
HTML 文件中的元素和其他內容文字不同的地方,在於元素名稱本身用「<」與「>」包圍,稱作「標籤」。HTML 標籤不分英文大小寫。也就是說,它們可以寫成英文全大寫、全小寫、或是混在一起。像是 <title> 能寫成 <Title>,<TiTlE>……等等。
以下這些文章將幫助你理解 HTML。
如果是網站開發的新手,請先閱讀我們的 HTML 基礎文章以理解 HTML 是什麼還有它怎麼使用。
有關如何使用 HTML、教學、完整範例,請參考我們的 HTML 學習專區。
在我們廣泛的 HTML 參考資料章節,你可以找到構成 HTML 每個元素和屬性的細節。.
我們的HTML 學習專區提供數個從頭開始的 HTML 教學單元:你不需要任何先備知識。
當結合了一個適合的
CORS,crossorigin
屬性允許 {{HTMLElement("img")}} 元素定義的圖像被從一個地方載入,並被使用於 {{HTMLElement("canvas")}},即便載入的地方是原處也一樣。crossorigin
(crossOrigin
property)的屬性, 讓你能直接使用CORS的元素。activeElement
DOM attribute and the hasFocus()
DOM method help you track and control a user's interactions with elements on a web page.preload
value of the {{htmlelement("link")}} element's {{htmlattrxref("rel", "link")}} attribute allows you to write declarative fetch requests in your HTML {{htmlelement("head")}}, specifying resources that your pages will need very soon after loading, which you therefore want to start preloading early in the lifecycle of a page load, before the browser's main rendering machinery kicks in. This ensures that they are made available earlier and are less likely to block the page's first render, leading to performance improvements. This article provides a basic guide to how preload
works.<a>
, <area>
, <link>
<audio>
及 <video>
元素允許播放聲音和影像檔。這些元素提供了瀏覽器替代 Adobe Flash 和其它類似外掛功能的方案。