Ela consiste em uma série de elementos que são usados para estruturar o conteúdo da página. Cada elemento é representado por uma tag, que é cercada por colchetes angulares (<>) e geralmente possui uma tag de abertura e uma tag de fechamento, com o conteúdo entre elas. No entanto, alguns elementos podem ser autocontidos e não precisam de uma tag de fechamento.
Aqui estão alguns elementos HTML básicos e como usá-los:
<!DOCTYPE html>
: Esta declaração define a versão do HTML que você está usando. Coloque-a no início do seu documento HTML.
html<!DOCTYPE html>
<html>
<head>
<title>Minha Página</title>
</head>
<body>
<!-- O conteúdo da sua página vai aqui -->
</body>
</html>
<html>
: A tag <html>
envolve todo o conteúdo da página.
<head>
: A tag <head>
contém informações sobre o documento, como título, links para estilos CSS, scripts, etc.
html<head>
<title>Minha Página</title>
<!-- Outros elementos do cabeçalho, como links para estilos e scripts -->
</head>
<title>
: A tag <title>
define o título da página, que aparece na barra de título do navegador.
html<title>Minha Página</title>
<body>
: A tag <body>
contém o conteúdo real da página, como texto, imagens, links, etc.
html<body>
<h1>Meu Título Principal</h1>
<p>Este é um parágrafo de texto.</p>
<!-- Outros elementos do corpo da página -->
</body>
<h1>
, <h2>
, ..., <h6>
: Essas são tags de cabeçalho que definem os níveis de título. <h1>
é o maior e <h6>
é o menor.
html<h1>Meu Título Principal</h1>
<h2>Subtítulo</h2>
<p>
: A tag <p>
define um parágrafo de texto.
html<p>Este é um parágrafo de texto.</p>
<a>
: A tag <a>
cria um link.
html<a href="https://www.exemplo.com">Clique aqui para visitar o exemplo</a>
<img>
: A tag <img>
incorpora uma imagem na página.
html<img src="caminho/para/imagem.jpg" alt="Descrição da imagem">
Estes são apenas alguns exemplos básicos. Existem muitos outros elementos HTML que você pode usar para criar páginas web ricas e interativas. Você pode aprender mais sobre HTML em recursos online, como a documentação do Mozilla Developer Network (MDN) ou em tutoriais específicos de HTML.