O que é: HTML
HTML, sigla para HyperText Markup Language, é a linguagem padrão utilizada para criar e estruturar páginas na web. Desenvolvida inicialmente por Tim Berners-Lee em 1991, o HTML permite a criação de documentos que podem ser visualizados por navegadores de internet, como Google Chrome, Mozilla Firefox e Microsoft Edge. Através de uma série de elementos e tags, o HTML define a estrutura e o conteúdo de uma página, incluindo textos, imagens, links, tabelas e formulários.
Elementos e Tags HTML
Os elementos HTML são os blocos de construção de uma página web. Cada elemento é representado por uma tag, que é um comando inserido entre colchetes angulares (). Existem tags de abertura e fechamento, sendo que a tag de fechamento é precedida por uma barra (/). Por exemplo, a tag
é usada para definir um parágrafo, e deve ser fechada com
. Outros exemplos incluem
a
para cabeçalhos, para links e ![]()
para imagens. A correta utilização dessas tags é fundamental para a estruturação e apresentação do conteúdo.
Atributos HTML
Os atributos HTML fornecem informações adicionais sobre os elementos. Eles são incluídos dentro da tag de abertura e geralmente consistem em um nome e um valor, separados por um sinal de igual. Por exemplo, a tag pode ter um atributo href que especifica o URL de destino do link: . Outros atributos comuns incluem src para a fonte de uma imagem, alt para texto alternativo e class para definir classes CSS. A utilização adequada de atributos melhora a funcionalidade e acessibilidade das páginas web.
Estrutura Básica de um Documento HTML
Um documento HTML típico começa com a declaração , que informa ao navegador que o documento está utilizando HTML5. Em seguida, o documento é dividido em duas seções principais: e . A seção contém metadados, como o título da página, links para arquivos CSS e scripts JavaScript. Já a seção contém o conteúdo visível da página, como textos, imagens e formulários. A estrutura básica garante que o navegador interprete e exiba corretamente o conteúdo.
HTML Semântico
O HTML semântico refere-se ao uso de tags que descrevem claramente o significado do conteúdo. Em vez de usar tags genéricas como
e , o HTML5 introduziu tags semânticas como
,
Atributos HTML
Os atributos HTML fornecem informações adicionais sobre os elementos. Eles são incluídos dentro da tag de abertura e geralmente consistem em um nome e um valor, separados por um sinal de igual. Por exemplo, a tag pode ter um atributo href que especifica o URL de destino do link: . Outros atributos comuns incluem src para a fonte de uma imagem, alt para texto alternativo e class para definir classes CSS. A utilização adequada de atributos melhora a funcionalidade e acessibilidade das páginas web.
Estrutura Básica de um Documento HTML
Um documento HTML típico começa com a declaração , que informa ao navegador que o documento está utilizando HTML5. Em seguida, o documento é dividido em duas seções principais: e . A seção contém metadados, como o título da página, links para arquivos CSS e scripts JavaScript. Já a seção contém o conteúdo visível da página, como textos, imagens e formulários. A estrutura básica garante que o navegador interprete e exiba corretamente o conteúdo.
HTML Semântico
O HTML semântico refere-se ao uso de tags que descrevem claramente o significado do conteúdo. Em vez de usar tags genéricas como