Hypertext Markup Language (HTML) é o padrão de linguagem principal usado para organizar e formatar páginas da web e outros documentos na World Wide Web. Muitas vezes é usado em conjunto com Cascading Style Sheets (CSS) e JavaScript para criar um design de página da web totalmente responsivo.
HTML identifica quais partes do texto são parágrafos do corpo, cabeçalhos, hiperlinks, listas com marcadores / numeradas, citações de bloco, itálico, negrito, etc., e o CSS determina como essas partes aparecem visualmente no frontend. JavaScript, por outro lado, adiciona elementos dinâmicos a uma página, como pop-ups, gráficos animados, banners de rolagem e muito mais.
História do HTML
O HTML tem sido usado desde o início da Internet como a conhecemos hoje. Em 1991, quando Tim Berners-Lee apresentou a World Wide Web, ele também inventou um sistema que os navegadores da web podiam usar para traduzir texto em páginas visuais da web. O design original do HTML era relativamente simples (incluía apenas 18 tags) e adotou a estrutura de tagging da Standard Generalized Markup Language (SGML).
Desde o seu início, o HTML passou por muitas atualizações do World Wide Web Consortium (W3C). Um total combinado de 140 tags HTML foi adicionado nas versões subsequentes, a mais notável das quais é o HTML5. Em 2014, o HTML5 introduziu tags semânticas para partes de um site que não eram reconhecidas anteriormente, incluindo cabeçalho, rodapé, menu de navegação, além de elementos de áudio e vídeo, entre outros.
Tags HTML
HTML define a estrutura e o layout de um documento da Web usando uma variedade de tags e atributos. A estrutura HTML para o primeiro parágrafo desta definição de FileMemo é assim:
Hypertext Markup Language (HTML) é o padrão de linguagem principal usado para organizar e formatar páginas da web e outros documentos na World Wide Web. Muitas vezes é usado em conjunto com Cascading Style Sheets (CSS) e JavaScript para criar um design de página da web totalmente responsivo.
Neste exemplo, o
tag indica que o texto a seguir conterá um parágrafo de corpo até o fechamento
tag. O texto em itálico, "Hypertext Markup Language (HMTL)" está entre colchetes tags, e o tags em torno da palavra "idioma" indicam que ela contém um hiperlink (o href atributo) à definição da FileMemo para o termo.
Outras tags HTML comuns incluem:
- , que contém metadados sobre o conteúdo da página, incluindo o título
- , que contém todo o conteúdo que aparece visualmente em uma página
,
,
, etc., que indicam um título de acordo com a organização do conteúdo
, que denota um bloco maior de conteúdo que contém a mesma formatação-
,
e
- para organizar uma lista ordenada ou não ordenada
, uma tag inline que adiciona uma imagem usando um src atributo