HTML, which stands for HyperText Markup Language, is the most basic building block of a webpage and used for creating and visually representing a webpage. It determines the content of a webpage, but not its functionality.
HTML adds "markup" to standard English text. Hyper Text refers to links that connect Web pages to one another, making the World Wide Web what it is today. By creating and uploading Web pages to the Internet, you become an active participant in the World Wide Web once your site is online. HTML supports visual images and other media as well. With the help of HTML everyone can make static as well as dynamic web sites. HTML is the language that describes the structure and the semantic content of a web document. Content within a web page is tagged with HTML elements such as {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, {{HTMLElement("picture")}}, and so forth. These elements form the building blocks of a website.
The articles here provide reference materials for web development.
- HTML Reference
In our extensive reference, you'll find the details on each element and attribute that makes up HTML.
- HTML Guide
For articles about how to use HTML, as well as tutorials and complete examples, check out our HTML developer guide.
- HTML Introduction
If you're new to Web development, be sure to read our introduction to what HTML is and how to use it.
References
- HTML Element Reference
- This page lists all the HTML elements.
- HTML Reference
- HTML is the language that describes the structure and the semantic content of a Web document; it consists of elements, each of which may be modified by some number of attributes.
- Inline Elements
- HTML (Hypertext Markup Language) elements are usually "inline" elements or "block-level" elements. An inline element occupies only the space bounded by the tags that define the inline element.
- Block-Level Elements
- HTML (Hypertext Markup Language) elements are usually "block-level" elements or "inline" elements. A block-level element occupies the entire space of its parent element (container), thereby creating a "block." This article helps to explain what this means.
- CORS Enabled Image
- The HTML specification introduces a
crossoriginattribute for images that, in combination with an appropriate CORS header, allows images defined by the<img>element loaded from foreign origins to be used in canvas as if they were being loaded from the current origin. - CORS Settings Attributes
- In HTML5, some HTML elements which provide support for CORS, such as
<img>or<video>, have acrossoriginattribute (crossOriginproperty), which lets you configure the CORS requests for the element's fetched data. - Focus Management in HTML
- In the HTML5 working draft, the
activeElementDOM attribute and thehasFocus()DOM method give the programmer the ability to have better control of the interactivity of the page due to the user's actions. For example, both of them can be used for statistical usage purposes, tracking the number of clicks on certain links of a page, measuring the amount of time an element is focused, and so forth. In addition, when combined with AJAX technology, they help minimize the number of requests to the server, depending on the user activity and the page layout. - Global Attributes
- Global attributes may be specified on all HTML elements, even those not specified in the standard. That means that any non-standard elements must still permit these attributes, even though using those elements means that the document is no longer HTML5-compliant. For example, HTML5-compliant browsers hide content marked as
<foo hidden>...<foo>,even though<foo>is not a valid HTML element. - HTML Attribute Reference
- Elements in HTML have attributes; these are additional values that configure the elements or adjust their behavior in various ways to meet the criteria the users want.
- Link Types
- In HTML, the following link types indicate the relationship between two documents, in which one links to the other using an
<a>,<area>, or<link>element. - Media Formats Supported by the HTML Audio and Video Elements
- The
<audio>and<video>elements provide support for playing audio and video media without requiring plug-ins. - Using the Application Cache
- HTML5 provides an application caching mechanism that lets web-based applications run offline. Developers can use the Application Cache (AppCache) interface to specify resources that the browser should cache and make available to offline users. Applications that are cached load and work correctly even if users click the refresh button when they are offline.
Guides and Tutorials
- HTML developer guide
- MDN articles demonstrating specific techniques you can use when building Web content with HTML, as well as tutorials and other material you may find handy. The guide can provide editorial lessons, tips and information on HTML development.
{{CommunityBox("Web layout", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow|https://stackoverflow.com/questions/tagged/html|HTML topics|Visit Stack Overflow, a collaboratively built and maintained Q&A site. See if you can find an answer; if not, you can ask your question there.")}}