Como o próprio nome nos diz, HTML é uma linguagem de marcação. Sua finalidade é formatar informações; para definir o significado e a estrutura de um documento. HTML não possui nenhuma lógica de programação.
A palavra hipertexto em HTML refere-se aos links entre documentos. Esta ligação de informações é um princípio fundamental por trás da World Wide Web, conforme proposto por Tim Berners Lee em 1989. O prefixo “hiper” vem de Grego, e significa “acima” ou “além”. Portanto, o hipertexto é efetivamente mais do que apenas texto.
HTML usa tags para descrever vários elementos em uma página. Geralmente estes consistem em uma abertura <>
e uma tag de fechamento >
(embora às vezes seja necessária apenas uma única tag). O nome do elemento é colocado dentro dessas tags (assim:
) convencionalmente em letras minúsculas. Por exemplo:
1 |
These are opening and closing heading tags.
|
2 |
|
3 |
These are paragraph tags. The content is kept between them. |
4 |
|
5 |
The tag underneath is for an `hr` element. It doesn’t require a closing tag.
|
6 |
|
7 |
|
Tags HTML são usadas para descrever todos os tipos de elementos: desde títulos e links até artigos e formulários. Os navegadores usam esses elementos para entender como renderizar o conteúdo, os mecanismos de pesquisa os usam para interpretar e indexar páginas da web e as tecnologias assistivas, como leitores de tela, os usam para comunicar o conteúdo de maneira adequada.
Referência de elemento HTML
Navegue por uma lista de todos os elementos HTML, categorizados por função.
Esta lista é atualizada e adicionada regularmente. Mais por vir..
Raiz Principal
Há apenas uma tag aqui; o elemento raiz de um documento HTML. Todos os outros elementos do documento devem ser descendentes deste elemento.
Metadados do documento
Usamos esses elementos HTML para conter informações sobre a página. Essas informações podem estar relacionadas a estilos, comportamento ou dados e geralmente ajudam navegadores, mecanismos de pesquisa a renderizar e processar a página corretamente.
Seccionando Raiz
Também há apenas um elemento nesta categoria: a tag body representa todo o conteúdo de uma página e, portanto, atua como pai de todos os outros elementos de seção.
Seção de conteúdo
Os elementos de seccionamento nos permitem organizar nossos documentos HTML de uma forma lógica e compreensível. As seções são partes descritivas de todo o documento e nos ajudam a construir um esboço estruturado e semântico do documento.
Conteúdo de texto
O texto é sem dúvida a parte mais importante de uma página da web. É vital para comunicação, acessibilidade e SEO. HTML possui uma grande variedade de elementos de texto para especificar a finalidade e a estrutura do seu conteúdo textual.
Texto embutido
Os elementos de conteúdo de texto (conforme listado acima) conter conteúdo textual, mas existem alguns elementos HTML que definem o significado semântico do texto embutido (palavras, linhas e outros trechos de texto).
Imagem e Multimídia
Esses elementos HTML representam imagens, áudio e vídeo.
Conteúdo incorporado
O HTML pode incorporar conteúdo adicional em uma página da web, embora às vezes de maneira desajeitada.
SVG e MathML
SVG e Mathematical Markup Language (MathML) podem ser incluídos diretamente em um documento HTML.
Scripts
HTML oferece suporte a linguagens de script, como JavaScript, para adicionar comportamento dinâmico às páginas da web.
Demarcando edições
As tags HTML a seguir nos permitem mostrar áreas de conteúdo que foram editadas ou alteradas.
Tabelas
Tabelas e dados tabulares são extremamente importantes para páginas da web. HTML nos fornece um grande número de elementos para estruturar tabelas.
Formulários
Graças aos formulários HTML, os usuários podem inserir e enviar informações para um site ou aplicativo.
Elementos interativos
HTML possui várias tags nativas para criar elementos de UI interativos.
Componentes da Web
Os componentes da Web permitem criar e usar seus próprios elementos HTML, como se fossem HTML padrão.
O que é HTML5?
HTML5 foi aprovado em 2014 e é o padrão mais recente para navegadores exibirem e interagirem com páginas da web. Para contextualizar, aqui está o cronograma das versões HTML aceitas pelos comitês de padrões:
- HTML 2.0: 1995
- HTML 4.0: 1997
- HTML4.01:2000
- HTML5: 2014
HTML5 foi um grande salto em relação ao HTML4. Ele introduziu muitos novos elementos semânticos, outros obsoletos (como o totalmente apresentacional tag, que tornou o texto... um pouco maior), nos deu uma tag doctype mais simples (
) e reduziu a necessidade de plug-ins de terceiros, como reprodutores de mídia. Para obter mais informações e antecedentes, dê uma olhada na visão geral de Jeff:
Tutoriais HTML
Aqui estão alguns tutoriais para ajudá-lo a aprender HTML. Inscreva-se no canal Tuts+ no YouTube para mais!