Curso de HTML Completo: Aula 04 -  Formatação de Texto

Curso de HTML Completo: Aula 04 - Formatação de Texto

Introdução às Tags de Formatação em HTML

Importância das Tags de Formatação

  • As tags de formatação são essenciais para a criação de conteúdo em HTML, permitindo que o texto seja apresentado de maneira clara e organizada.
  • A tag <b> é frequentemente utilizada para deixar palavras em negrito, mas não possui um significado semântico forte.

Diferença entre <b> e <strong>

  • A tag <strong> também deixa o texto em negrito, mas tem um significado semântico que indica ênfase no conteúdo.
  • Usar <strong> ajuda navegadores a entenderem a importância do texto, enquanto <b> apenas altera a aparência visual.

Uso da Tag <hr>

  • A tag <hr> é usada para criar uma linha horizontal que separa seções do conteúdo, melhorando a organização visual da página.

Quebra de Linha com a Tag <br>

  • A tag <br>, que significa "break", é utilizada para quebrar linhas. É importante notar que ela não cria parágrafos como a tag <p>.
  • O uso excessivo da tag <br> pode levar à desorganização do layout; recomenda-se usar CSS para espaçamentos adequados.

Outras Tags Comuns

  • A tag <i> é usada para itálico, enquanto a tag <u> serve para sublinhar textos.

Formatação de Texto em HTML

Introdução às Tags de Formatação

  • A utilização de textos menores pode ser útil para situações que exigem rapidez na apresentação.
  • A tag <del> é usada para indicar texto excluído, criando um efeito visual de riscado.

Efeitos Visuais com Tags

  • A tag <strike>, embora similar à <del>, está em desuso e não é mais reconhecida por navegadores modernos.
  • Para representar números exponenciais, utiliza-se a tag <sup> para o expoente, como em 2 elevado a 10.

Uso das Tags Superiores e Inferiores

  • A tag <sub> serve para criar texto sublinhado, permitindo formatações específicas em números ou palavras.
  • Exemplos práticos incluem a combinação de tags para destacar informações, como "presente" riscado.

Recapitulação das Principais Tags

  • As principais tags discutidas incluem:
  • <b>: negrito,
  • <strong>: ênfase forte,
  • <i>: itálico,
  • <hr>: linha horizontal divisória,
  • <br>: quebra de linha.

Conclusão sobre Práticas de Formatação

  • Outras tags mencionadas foram:
  • <small>: texto pequeno,
  • <mark>: destaque em texto.
Video description

Nesta aula do nosso curso de HTML completo vamos aprender as tags de formatação de texto. Muito usadas no dia a dia! Neste vídeo: 00:00 - Intro. Se inscreve ai :) 00:21 - Negrito 02:53 - Linha divisória 03:35 - Quebra de linha (pular linha) 05:27 - Itálico 05:47 - Sublinhado 06:08 - Small (pequeno) 07:45 - Riscado 09:30 - Superior 10:15 - Inferior 11:27 - Marcação (destaca texto) 12:00 - Recapitulação - Repetição é a mãe da retenção! 15:03 - Se inscreve ai no canal e deixa seu like :) Acompanhe esse Curso de HTML Completo. Segue a playlist: Aula 01 - Novo projeto: https://youtu.be/sj0p9O85AIg Aula 02 - Estrutura básica: https://youtu.be/MOd8PCyEB88 Aula 03 - Meta tags, cabeçalho e Parágrafo: https://youtu.be/1ntb19o-2MI Aula 04 - Formatação de texto: https://youtu.be/RiGo7BN1Wps Aula 05 - Elementos de citação: https://youtu.be/bzWtE7GFi0Y Aula 06 - Fazer comentários: https://youtu.be/Sl0edqPVrGg Aula 07 - Links: https://youtu.be/eb5tPfOeexI Aula 08 - Imagens: https://youtu.be/2FvW812Up1U Aula 09 - Tabelas: https://youtu.be/tTUdJlcjEo4 Aula 10 - Listas: https://youtu.be/0pShBr4Qmt0 Aula 11 - Iframes: https://youtu.be/448sdzWsnMs Aula 12 - Formulários: https://youtu.be/7eZJFftCbVQ Aula 13 - Áudio: https://youtu.be/ImZoGl-pjVw Aula 14 - Vídeo: https://youtu.be/BwDPP6mfdWU Aula 15 - Div e HTML Semântico: https://youtu.be/B2ZiOfoQ4wI Esse curso grátis de HTML possui conteúdo de curso pago. Aproveite e compartilhe com seus amigos que não pode pagar para aprender programação web. Deixa o seu gostei e se inscreve no canal. Forte abraço! #cursohtml #HTML #programacao