Tags HTML de texto: HTML, ou HyperText Markup Language, é a linguagem de marcação padrão para a criação de páginas web.
Neste artigo, vamos explorar algumas das tags HTML mais comuns e importantes, incluindo p, span, br, h1 a h6, strong, em, blockquote, hr, pre, ul, ol e li. Cada uma dessas tags desempenha um papel crucial na estruturação e apresentação de uma página web.
Tag P
A tag p é usada para definir um parágrafo. É um dos elementos de bloco mais comuns no HTML.
<p>Este é um parágrafo.</p>
Este é um parágrafo.
Tag Span
A tag span é usada para agrupar elementos inline em um documento.
<p>Este é um <span>texto</span> dentro de um parágrafo.</p>
Este é um texto dentro de um parágrafo.
Tag Br
A tag br insere uma quebra de linha.
<p>Esta é a primeira linha.<br>Esta é a segunda linha.</p>
Esta é a primeira linha.
Esta é a segunda linha.
Heading Tags
As tags de cabeçalho (h1 a h6) são usadas para definir os cabeçalhos da página.
<h1>Cabeçalho 1</h1>
<h2>Cabeçalho 2</h2>
<h3>Cabeçalho 3</h3>
<h4>Cabeçalho 4</h4>
<h5>Cabeçalho 5</h5>
<h6>Cabeçalho 6</h6>
Cabeçalho 1
Cabeçalho 2
Cabeçalho 3
Cabeçalho 4
Cabeçalho 5
Cabeçalho 6
Tag Strong
A tag strong é usada para definir texto importante. O texto dentro de uma tag strong é exibido em negrito.
<p>Este é um texto <strong>importante</strong>.</p>
Este é um texto importante.
Tag Em
A tag em é usada para definir texto enfatizado. O texto dentro de uma tag em é exibido em itálico.
<p>Este é um texto <em>enfatizado</em>.</p>
Este é um texto enfatizado.
Quotes
A tag blockquote é usada para definir uma seção que é citada de outra fonte.
<blockquote>Citação de uma fonte.</blockquote>
Citação de uma fonte.
Linha Horizontal
A tag hr é usada para inserir uma linha horizontal.
<p>Texto acima da linha.</p>
<hr>
<p>Texto abaixo da linha.</p>
Texto acima da linha.
Texto abaixo da linha.
Code Blocks
A tag pre é usada para definir texto pré-formatado. O texto dentro de uma tag pre mantém espaços e quebras de linha.
<pre>
Código em várias linhas
com espaços e quebras de linha.
</pre>
Código em várias linhas com espaços e quebras de linha.
Listas
As listas são uma parte fundamental da marcação HTML e são usadas para representar uma série de itens. Existem três tipos principais de listas em HTML: listas ordenadas, listas não ordenadas e listas de descrição.
Listas Não Ordenadas
As listas não ordenadas (<ul>) são usadas quando a ordem dos itens na lista não é importante. Cada item na lista é envolto em uma tag <li>. Aqui está um exemplo:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>- Item 1
- Item 2
- Item 3
Listas Ordenadas
As listas ordenadas (<ol>) são usadas quando a ordem dos itens é importante. Assim como as listas não ordenadas, cada item na lista é envolto em uma tag <li>. Aqui está um exemplo:
<ol>
<li>Primeiro item</li>
<li>Segundo item</li>
<li>Terceiro item</li>
</ol>- Primeiro item
- Segundo item
- Terceiro item
Listas de Descrição
As listas de descrição (<dl>) são usadas para agrupar pares de termos e descrições. Cada par consiste em uma tag <dt> para o termo e uma tag <dd> para a descrição. Aqui está um exemplo:
<dl>
<dt>HTML</dt>
<dd>Hypertext Markup Language</dd>
<dd>Linguagem de Marcação de Hipertexto</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets</dd>
<dd>Folhas de Estilo em Cascata</dd>
</dl>- HTML
- Hypertext Markup Language
- Linguagem de Marcação de Hipertexto
- CSS
- Cascading Style Sheets
- Folhas de Estilo em Cascata
Tags HTML de texto: Conclusão
Tags HTML de texto: Em resumo, as tags p, span, br, h1 a h6, strong, em, blockquote, hr, pre, ul, ol, li, dl e dd são componentes fundamentais de um documento HTML.
Elas ajudam a definir a estrutura e o layout de uma página web, e entender como elas funcionam é fundamental para qualquer desenvolvedor web.
Caso você tenha caído nesta página por acaso e gostou do conteúdo, saiba que tem uma trilha de aprendizagem completa para a linguagem HTML. Clique aqui e descubra mais!
