Formatação de texto
Coloque seu texto em negrito, itálico e sublinhado
Formatação de texto é uma aula grátis de HTML for Kids no CoddyKit. Esta é a aula 4 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de HTML for Kids, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de HTML for Kids inclui 4 aulas no total.
Formatação de texto
Boas-vindas à próxima lição! Hoje, aprenderemos a formatar texto em HTML para deixá-lo em negrito, itálico, sublinhado e muito mais. Vamos começar!
Por que formatar o texto?
A formatação de texto ajuda você a:
- Dar ênfase a informações importantes.
- Facilitar a leitura da sua página da web.
- Melhorar o apelo visual do seu conteúdo.
Vamos explorar as diferentes maneiras de formatar texto em HTML!
Colocando o texto em negrito
Use a tag <strong> ou <b> para colocar o texto em negrito. Ambas funcionam de maneira semelhante, mas <strong> é usada para textos importantes.
Exemplo:
<p>This is <strong>important</strong> text.</p>
<p>This is <b>bold</b> text.</p>
Colocando o texto em itálico
Use a tag <em> ou <i> para colocar o texto em itálico. <em> adiciona ênfase, enquanto <i> é usada apenas para estilização.
Exemplo:
<p>This is <em>emphasized</em> text.</p>
<p>This is <i>italicized</i> text.</p>
Sublinhando o texto
Use a tag <u> para sublinhar o texto.
Exemplo:
<p>This is <u>underlined</u> text.</p>
Aplicando tachado ao texto
Use a tag <del> ou <s> para exibir o texto tachado. Isso é útil para marcar um texto como excluído ou incorreto.
Exemplo:
<p>This is <del>deleted</del> text.</p>
<p>This is <s>strikethrough</s> text.</p>
Combinando formatações
Você pode combinar várias tags de formatação para estilizar seu texto de diferentes maneiras.
Exemplo:
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
<p>This is <u><i>underlined and italicized</i></u> text.</p>
Experimente você mesmo
Vamos criar uma página da web com texto formatado. Veja um exemplo:
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<h1>Text Formatting Example</h1>
<p>This is <strong>bold</strong> text.</p>
<p>This is <em>italicized</em> text.</p>
<p>This is <u>underlined</u> text.</p>
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
</body>
</html>
Parabéns!
Parabéns! Você aprendeu a formatar texto em HTML usando negrito, itálico, sublinhado e outros estilos. A formatação de texto ajuda a enfatizar conteúdo importante e melhora a legibilidade. Na próxima lição, passaremos às práticas recomendadas para escrever HTML limpo e organizado. Prepare-se para aperfeiçoar suas habilidades de programação!
Perguntas Frequentes
A aula “Formatação de texto” é grátis?
Sim — o texto completo de “Formatação de texto” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de HTML for Kids, atualize para CoddyKit PRO. O curso de HTML for Kids inclui 4 aulas no total.
O que vou aprender em “Formatação de texto”?
Coloque seu texto em negrito, itálico e sublinhado Você pratica HTML for Kids com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar HTML for Kids?
Nenhuma experiência prévia é necessária. HTML for Kids no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 4 de 4.
Quanto tempo leva a aula “Formatação de texto”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de HTML for Kids?
Sim. Cada aula de HTML for Kids inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Estilos embutidos
- Noções básicas de CSS
- Cores e planos de fundo
- Formatação de texto