Linguagem de Marcação de Hipertexto (HTML) é o bloco de criação mais básico da Web. Este define o significado e estrutura de um conteúdo da Web. Outras tecnologias para além de HTML, são geralmente utilizadas para descrever a aparência/apresentação de uma página da Web (CSS) ou funcionalidade/comportamento (JavaScript).

"Hipertexto" refere-se a hiperligações que ligam páginas da web entre si, dentro de um único site da web ou entre sites da web. As hiperligações são um aspeto fundamental da web. Ao enviar conteúdo para a Internet e vinculá-lo às páginas criadas por outras pessoas, torna-o em um participante ativo na World Wide Web.

HTML utiliza "markup" para anotar texto, imagens, e outro conteúdo para o exibir num navegador da Web. A marcação de HTML inclui "elementos" especiais, tais como {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, {{HTMLElement("aside")}}, {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("datalist")}}, {{HTMLElement("details")}}, {{HTMLElement("embed")}}, {{HTMLElement("nav")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("video")}}, e muitos outros.

Um elemento HTML é separado de outro texto num documento por "etiquetas", que consistem no nome do elemento entre "<" e ">". O nome de um elemento dentro de uma etiqueta é insensível a maiúsculas e minúsculas. Isto é, pode ser escrito em maiúsculas, minúsculas ou uma mistura. Por exemplo a etiqueta <title> pode ser escrita como <Title>, <TITLE> ou de outras formas.

Introdução ao HTML
Se for novo no desenvolvimento da Web, certifique-se que lê o nosso artigo essencial de HTML para saber mais sobre o que é o HTML e como o utilizar.
Tutoriais de HTML
Para artigos sobre como utilizar o HTML, bem como tutorials e exemplos completos, consulte a nossa Área de Aprendizagem de HTML.
Referência HTML
Na nossa secção extensa de Referência HTML, irá encontrar os detalhes sobre cada elemento e atributo no HTML.

Tutoriais de principiante

Na nossa Área de Aprendizagem HTML apresenta múltiplos módulos que ensinam HTML desde o início — não é necessário nenhum conhecimento prévio.

Introdução ao HTML: Este módulo define o palco, para que fique a conhecer os conceitos e sintaxe importantes, tais como a aplicação de HTML no texto, como criar hiperligações, e como utilizar HTML para estruturar uma página da Web.
Multimédia e integração: Este módulo explora como usar o HTML para incluir multimédia nas suas páginas da web, incluindo as diferentes maneiras de como as imagens podem ser introduzidas, e como embutir vídeo, audio e até mesmo outras páginas web inteiras.
Tabelas de HTML: Representar dados em tabelas numa página web de uma maneira compreensível e acessível pode ser um desafio. Este módulo abrange a marcação básica de tabela, juntamente com recursos mais complexos, como a implementação de legendas e resumos.
Formulários HTML: Forms are a very important part of the Web — these provide much of the functionality you need for interacting with websites, e.g. registering and logging in, sending feedback, buying products, and more. This module gets you started with creating the client-side/front-end parts of forms.
Utilizar HTML para resolver problemas comuns: Provides links to sections of content explaining how to use HTML to solve very common problems when creating a web page: dealing with titles, adding images or videos, emphasizing content, creating a basic form, etc.

Tópicos avançados

Imagem CORS ativada: O atributo crossorigin, em combinação com um cabeçalho CORS apropriado, permite imagens definidas pelo elemento {{HTMLElement("img")}} para serem carregadas a partir de origens secundárias e utilziadas num elemento {{HTMLElement("canvas")}} como se fossem carregadas a partir de uma origem atual.
CORS settings attributes: Some HTML elements that provide support for CORS, such as {{HTMLElement("img")}} or {{HTMLElement("video")}}, have a crossorigin attribute (crossOrigin property), which lets you configure the CORS requests for the element's fetched data.
Focus management in HTML: The activeElement DOM attribute and the hasFocus() DOM method help you track and control a user's interactions with elements on a web page.
Using the application cache: Application caching lets web-based applications run offline. You 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.
Preloading content with rel="preload": The 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.

Referências

Referência HTML: HTML consists of elements, each of which may be modified by some number of attributes. HTML documents are connected to each other with links.
HTML element reference: Browse a list of all HTML elements.
HTML attribute reference: Elements in HTML have attributes. These are additional values that configure the elements or adjust their behavior in various ways.
Global attributes: Global attributes may be specified on all HTML elements, even those not specified in the standard. This means that any non-standard elements must still permit these attributes, even though those elements make the document HTML5-noncompliant.
Inline elements and block-level elements: HTML elements are usually "inline" or "block-level" elements. An inline element occupies only the space bounded by the tags that define it. A block-level element occupies the entire space of its parent element (container), thereby creating a "block."
Link types: In HTML, various link types can be used to establish and define the relationship between two documents. Link elements that types can be set on include <a>, <area> and <link>.
Media formats supported by the HTML audio and video elements: The <audio> and <video> elements allow you to play audio and video media. These elements provide a browser-native alternative to similar capabilities found in Adobe Flash and other plug-ins.
Kinds of HTML content: HTML is comprised of several kinds of content, each of which is allowed to be used in certain contexts and is disallowed in others. Similarly, each has a set of other content categories they can contain and elements which can or can't be used in them. This is a guide to these categories.
Quirks mode and standards mode: Historical information on quirks mode and standards mode.

Tópicos relacionados

Aplicar cor aos elementos HTML utilizando CSS: Este artigo aborda a maioria das formas em que utilzia CSS para adicionar cor ao conteúdo HTML, listando quais as partes dos documentos HTML que podem ser coloridas e quais as propriedades CSS que utilizam e quando o fazer. Inclui exemplos, hiperligações para ferramentas de criação de paletas e, mais.

Ver Tudo...