Nova Páginaags HTML: Conceitos Fundamentais

Tags HTML: Conceitos Fundamentais

As tags HTML são elementos que você insere em seu código para estruturar e formatar o conteúdo da página. Cada tag é identificada por colchetes angulares, como <tag>, e a maioria delas possui uma tag de abertura <tag> e uma tag de fechamento correspondente </tag>. Aqui estão algumas tags HTML fundamentais:

<h1>, <h2>, <h3>, ... <h6>: Tags de cabeçalho usadas para definir a hierarquia de títulos na página, onde <h1> é o título principal e <h6> é o título de menor importância.

<p>: A tag de parágrafo é usada para criar blocos de texto.

<a>: A tag de âncora é usada para criar links para outras páginas ou recursos da web.

<ul>: A tag de lista não ordenada é usada para criar listas com marcadores, como listas de itens.

<ol>: A tag de lista ordenada é usada para criar listas numeradas.

<li>: A tag de item de lista é usada dentro de <ul> ou <ol> para definir os itens individuais na lista.

<img>: A tag de imagem é usada para incorporar imagens na página.

Exemplos Práticos

A melhor maneira de aprender a usar tags HTML é através de exemplos práticos. Vamos dar uma olhada em alguns exemplos:

Exemplo 1: Cabeçalhos e Parágrafos

<h1>Título Principal</h1>
<h2>Subtítulo</h2>
<p>Este é um parágrafo de exemplo. Lorem ipsum dolor sit amet.</p>

Exemplo 2: Listas

Lista não ordenada:

<ol>
    <li>Primeiro item</li>
    <li>Segundo item</li>
    <li>Terceiro item</li>
</ol>
<ul>
    <li>Primeiro item</li>
    <li>Segundo item</li>
    <li>Terceiro item</li>
</ul>

Exemplo 3: Links e Imagens

Link para o Google:

<a href="https://www.google.com">Visitar o Google</a>

Imagem exibida na página:

<img src="imagem.jpg" alt="Descrição da imagem">