Capítulo 4.5: Introdução ao HTML: Estrutura Básica, Tags e Atributos - Tags de Cabeçalho
HTML, ou HyperText Markup Language, é a linguagem de marcação padrão para a criação de páginas web. Ele permite que os desenvolvedores criem conteúdo estruturado incorporando texto, imagens, links e outros elementos. A estrutura básica de um documento HTML consiste em "tags" e "atributos".
Estrutura Básica do HTML
A estrutura básica de um documento HTML é composta por uma série de elementos HTML, cada um representado por uma tag. Uma tag é um identificador de elemento que é cercado por sinais de menor e maior. As tags geralmente vêm em pares, com uma tag de abertura e uma tag de fechamento, e o conteúdo do elemento fica entre as duas.
Por exemplo, um parágrafo de texto seria escrito da seguinte maneira:
<p>Este é um parágrafo.</p>
Aqui, <p> é a tag de abertura, </p> é a tag de fechamento, e "Este é um parágrafo." é o conteúdo do elemento.
Tags e Atributos
As tags HTML definem o tipo e a estrutura do conteúdo, enquanto os atributos fornecem informações adicionais sobre os elementos. Os atributos são incluídos na tag de abertura e são representados por um nome e um valor. Por exemplo, a tag de link <a> pode incluir o atributo "href" para especificar o URL do link:
<a href="https://www.example.com">Este é um link.</a>
Aqui, "href" é o nome do atributo, e "https://www.example.com" é o valor do atributo.
Tags de Cabeçalho
As tags de cabeçalho são usadas para definir os títulos e subtítulos em um documento HTML. Existem seis níveis de cabeçalhos, representados pelas tags <h1> a <h6>. A tag <h1> é usada para o título principal, enquanto as tags <h2> a <h6> são usadas para subtítulos de níveis progressivamente menores.
Por exemplo, um documento HTML pode ter a seguinte estrutura de cabeçalho:
<h1>Título Principal</h1>
<h2>Subtítulo 1</h2>
<h3>Subtítulo 2</h3>
<h4>Subtítulo 3</h4>
<h5>Subtítulo 4</h5>
<h6>Subtítulo 5</h6>
As tags de cabeçalho não apenas estruturam visualmente o conteúdo para os leitores, mas também desempenham um papel importante na otimização dos motores de busca (SEO), ajudando a determinar a relevância do conteúdo.
Em resumo, a estrutura básica de um documento HTML é composta por tags e atributos, que definem o tipo, a estrutura e as informações adicionais do conteúdo. As tags de cabeçalho são uma parte importante dessa estrutura, pois definem os títulos e subtítulos do conteúdo. Dominar o uso desses elementos básicos é um passo fundamental para se tornar um desenvolvedor front-end eficaz.
