Desafio - Tags HTML

Índice

• Títulos
• Formatação de Texto
• Listas
• Links e Navegação
• Citação e Abreviação
• Outras Tags
• Referências

Títulos

Os elementos <h1>-<h6> representam seis níveis de títulos de seção.

Os títulos são fundamentais para a estrutura semântica de um site:

Exemplo de H1

Exemplo de H2

Exemplo de H3

Exemplo de H4

Exemplo de H5

Exemplo de H6

Formatação de Texto

A tag (<p>) define um parágrafo de texto, separado visualmente por espaçamento;

A tag (<mark>) destaca em amarelo ou cor padrão o texto marcado, como se fosse um marca-texto;

A tag (<small>) exibe um texto em tamanho reduzido, geralmente para avisos ou notas secundárias;

A tag (<i>) aplica itálico (ênfase menor ou termo estrangeiro);

A tag (<u>) Sublinha o texto;

A tag (<strong>) dá ênfase forte (semântico), geralmente aplicado em negrito;

A tag (<hr>) insere uma linha horizontal, usada como separador temático.

A tag (<sup>) deixa o texto subscrito (abaixo da linha), útil para fórmulas químicas (ex: H₂O);

A tag (<sub>) deixa o texto sobrescrito (acima da linha), útil para expoentes (ex: x²);

Um parágrafo com um trecho destacado, uma palavra em itálico, uma palavra sublinhada, uma palavra em negrito. Também usamos expoente (²), subscrito (H₂O), conteúdo removido exemplo excluído e texto menor.

Listas

A tag <ul> cria uma lista não ordenada (com marcadores).

A tag <li> define um item dentro de uma lista ordenada ou não ordenada.

Uma lista não ordenada usando <ul>:

• Primeiro item
• Segundo item
• Terceiro item

A tag <ol> cria uma lista ordenada (numerada).

Uma lista ordenada usando <ol>:

1. Primeiro passo
2. Segundo passo
3. Terceiro passo

Links e Navegação

A tag <a> cria hiperlinks (âncora) para navegação entre páginas, trechos ou outras URLs;

Você pode navegar para outras seções da página usando este link. Ou usar um link externo.

Citação e Abreviação

A tag <blockquote> cria uma citação em bloco, recuando o texto e podendo indicar fonte via atributo cite;

"A acessibilidade na web é essencial para desenvolvedores e organizações que querem criar sites de alta qualidade e não excluir pessoas do uso de seus produtos e serviços."

A tag <abbr> identifica uma abreviação, exibindo o significado ao passar o mouse pelo texto.

Abreviação exemplo: HTML

Outras Tags

A tag <font> define cor, tipo e tamanho da fonte, porém está obsoleta;

Este texto está azul usando a tag <font> (a partir do HTML5 está obsoleta, mas usada aqui para o exercício)

A tag <del> mostra um texto como removido (riscado), útil em revisões de texto;

Este texto foi removido.

Referências