O HTML, ou HyperText Markup Language, é a linguagem padrão para criar e estruturar conteúdo na web. Desde sua criação nos anos 90, o HTML evoluiu significativamente, tornando-se a espinha dorsal da World Wide Web. Neste post, exploraremos os conceitos fundamentais do HTML, desde sua estrutura básica até exemplos práticos de uso, além de dicas para criar seu primeiro projeto HTML.
Teoria do HTML
Estrutura Básica
Um documento HTML é composto por elementos, que são marcadores usados para definir a estrutura e o conteúdo de uma página da web. A estrutura básica de um documento HTML inclui:
<html>: Define o início e o fim do documento.<head>: Contém metadados, como o título da página e links para arquivos CSS ou JavaScript.<body>: Contém o conteúdo visível da página, como textos, imagens e links.
Exemplo:
<!DOCTYPE html>
<html>
<head>
<title>Minha Primeira Página</title>
</head>
<body>
<h1>Olá, Mundo!</h1>
<p>Este é um parágrafo de exemplo.</p>
</body>
</html>Tags e Elementos
As tags HTML são usadas para marcar o início e o fim de um elemento. Elas são escritas entre colchetes angulares (< >). Por exemplo:
<p>: Define um parágrafo.<h1>a<h6>: Define cabeçalhos de diferentes níveis.<a>: Cria links para outras páginas ou recursos.
Atributos
Os atributos fornecem informações adicionais sobre um elemento e são especificados dentro das tags. Por exemplo:
src: Especifica o caminho de uma imagem.alt: Fornece um texto alternativo para uma imagem.href: Define o destino de um link.
Exemplo:
<img src="imagem.jpg" alt="Descrição da imagem">
<a href="https://www.exemplo.com">Visite Exemplo.com</a>Semântica no HTML5
O HTML5, lançado em 2014, introduziu elementos semânticos que descrevem melhor a estrutura do conteúdo. Esses elementos ajudam os mecanismos de busca e tecnologias assistivas a entenderem o conteúdo da página. Exemplos incluem:
<header>: Define o cabeçalho da página ou seção.<nav>: Define uma seção de navegação.<article>: Define um conteúdo independente, como uma postagem de blog.<footer>: Define o rodapé da página ou seção.
Apprendendo 