HTML (HyperText Markup Language) é a linguagem de marcação utilizada para criar e estruturar páginas da web. Ele define a organização do conteúdo de um site, como textos, imagens, links, botões, formulários e outros elementos visuais que são exibidos no navegador.
O HTML funciona por meio de tags, que indicam ao navegador como cada parte do conteúdo deve ser apresentada. Por exemplo, existem tags para títulos, parágrafos, imagens, listas e links. Ele não é uma linguagem de programação, mas sim a base estrutural de qualquer site.
No desenvolvimento de sites, a linguagem é fundamental, pois serve como a estrutura principal sobre a qual outras tecnologias atuam, como o CSS, responsável pelo design e aparência, e o JavaScript, que adiciona interatividade e funcionalidades avançadas. Todo site na internet, do mais simples ao mais complexo, utiliza a linguagem como base para sua construção.
1. Estrutura básica de um arquivo HTML 5
Todo documento HTML atual segue este modelo fundamental:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Título da Página</title>
</head>
<body>
<h1>Este é um Título Principal</h1>
<p>Este é um parágrafo de exemplo.</p>
<a href="https://www.google.com">Este é um link</a>
</body>
</html>2. Principais elementos
<html>: A raiz de todo o documento. <head>: Contém metadados (informações técnicas que não aparecem na página). <body>: Onde fica todo o conteúdo visível (texto, imagens, vídeos). <h1> <h2> <h3> <h4> <h5> <h6>: Cabeçalhos de diferentes níveis de importância. <p>: Define um parágrafo. <a>: Cria hiperlinks (usa o atributo href). <img>: Insere imagens (usa o atributo src).
3. HTML, CSS e JavaScript
Para criar um site moderno, a linguagem raramente trabalha sozinha:
- JavaScript: Define o comportamento (interatividade e lógica).
- HTML: Define a estrutura (o “esqueleto”).
- CSS: Define o estilo (cores, fontes, layout).
