Formatação de Texto com HTML

Capítulo 5: Formatação de Texto com HTML

HTML, um acrônimo para HyperText Markup Language, é a espinha dorsal de quase todos os sites na internet. Ele é usado para estruturar o conteúdo de uma página web e inclui várias tags para formatar e organizar o texto. Neste capítulo, vamos explorar as várias maneiras de formatar texto usando HTML.

1. Elementos de Título

Os elementos de título em HTML são usados para definir os títulos e subtítulos de uma página. Eles variam de <h1> a <h6>, com <h1> sendo o maior e mais importante, e <h6> sendo o menor e menos importante. Por exemplo:

<h1>Este é um título H1</h1>
<h2>Este é um título H2</h2>
<h3>Este é um título H3</h3>
    

2. Elementos de Parágrafo

O elemento de parágrafo <p> é provavelmente o mais comumente usado na formatação de texto em HTML. Ele é usado para definir um parágrafo de texto. Por exemplo:

<p>Este é um exemplo de um parágrafo em HTML.</p>
    

3. Elementos de Ênfase

Existem vários elementos de ênfase em HTML que permitem alterar a aparência do texto para destacar partes importantes. Os mais comuns são <strong>, para texto em negrito, e <em>, para texto em itálico. Por exemplo:

<strong>Este texto está em negrito.</strong>
<em>Este texto está em itálico.</em>
    

4. Elementos de Lista

As listas são uma parte importante da formatação de texto em HTML. Existem dois tipos principais de listas: listas ordenadas (<ol>) e listas não ordenadas (<ul>). As listas ordenadas têm números ou letras como marcadores, enquanto as listas não ordenadas têm marcadores de ponto. Por exemplo:

<ol>
  <li>Este é o primeiro item de uma lista ordenada.</li>
  <li>Este é o segundo item de uma lista ordenada.</li>
</ol>

<ul>
  <li>Este é o primeiro item de uma lista não ordenada.</li>
  <li>Este é o segundo item de uma lista não ordenada.</li>
</ul>
    

5. Elementos de Link

O elemento de link <a> é usado para criar links em HTML. Você pode usar o atributo href para definir o URL do link. Por exemplo:

<a href="https://www.example.com">Este é um link para example.com</a>
    

6. Elementos de Citação

Existem vários elementos de citação em HTML que permitem formatar citações de texto de várias maneiras. Por exemplo, <blockquote> é usado para longas citações em bloco, enquanto <q> é usado para citações curtas em linha. Por exemplo:

<blockquote>Esta é uma longa citação em bloco.</blockquote>
<q>Esta é uma curta citação em linha.</q>
    

Esses são apenas alguns exemplos de como você pode formatar texto usando HTML. Existem muitos outros elementos e atributos disponíveis, e a melhor maneira de aprender sobre eles é praticar e experimentar por conta própria. Lembre-se, o objetivo da formatação de texto em HTML é tornar o conteúdo da sua página web claro e fácil de ler para seus usuários.

Agora responda o exercício sobre o conteúdo:

Qual é o propósito da formatação de texto em HTML?

Você acertou! Parabéns, agora siga para a próxima página

Você errou! Tente novamente.

Imagem do artigo Listas e tabelas em HTML 41

Próxima página do Ebook Gratuito:

Listas e tabelas em HTML

Tempo estimado de leitura: 5 minutos

Baixe o app para ganhar Certificação grátis e ouvir os cursos em background, mesmo com a tela desligada.

+ de 9 milhões
de alunos

Certificado grátis e
válido em todo o Brasil

60 mil exercícios
gratuitos

4,8/5 classificação
nas lojas de apps

Cursos gratuitos em
vídeo, ebooks e audiobooks