Nova Páginaags HTML: Conceitos Fundamentais
Tags HTML: Conceitos 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">