Códigos HTML para formatação de texto: inserir parágrafo & Co.
A formatação de texto em HTML funciona de maneira muito diferente da do Word ou LaTeX. Use códigos diferentes para parágrafos, quebras de linha e Co. Nesta dica prática, apresentamos as tags mais importantes para uma estrutura e design amigáveis para o navegador do seu texto em HTML.
Como estruturar o texto em HTML
Muitas formatações manuais de texto são simplesmente ignoradas em HTML. Eles precisam ser codificados explicitamente para serem interpretados corretamente pelo navegador.
- Você cria parágrafos excluindo um parágrafo no ambiente de parágrafos com "
"iniciar e por"
"terminar. - Você não precisa fazer quebras de linha entre parágrafos; entre dois parágrafos, as quebras de linha são criadas automaticamente.
- Você pode definir o alinhamento do texto no ambiente do parágrafo. Justificar à esquerda | Justificar à direita | Justificar da seguinte maneira: "
"para" "
- Cuidado: A formatação de texto no ambiente Parágrafo não funciona em HTML5. Como alternativa, use folhas de estilo CSS e o código "
, Mostramos como incorporar CSS no HTML5.
- Como alternativa, centralize linhas de texto individuais ou parágrafos inteiros no ambiente central: "" a ""
- Em um parágrafo ou se você desejar inserir uma ou mais quebras de linha manualmente, faça isso via "
". Isso significa" linha de freio ", mas talvez você se lembre melhor do que o" intervalo "de" intervalo ". - Você pode simplesmente inserir um espaço usando a tecla space. Para criar vários espaços seguidos, escreva "" várias vezes. Este é o "espaço sem quebra".
- Se você deseja garantir que uma linha de texto não seja separada por uma quebra de linha automática, use o ambiente no-break: "" ao redor do texto que não deve ser separado ""
- Um truque para assumir a formatação do texto digitado é o ambiente predefinido: escreva entre "
"and" "Texto com quebras de linha ou vários espaços seguidos, essa formatação é adotada.
- Você também pode escolher um intervalo relativamente livre do seu texto de origem HTML através do ambiente de divisão "
Formate "e" "especialmente.
- Por exemplo "
"para alinhamento de texto ou
para atribuir uma cor à área via código hexadecimal.
- Aviso: O ambiente de divisão também não funciona em HTML5.
- As diferentes hierarquias dos títulos são importantes para a estrutura e o SEO:
Título da página,
Título de um capítulo,
Título da seção
Título de uma subseção, ... que sobe
,
- O seguinte se aplica aqui: quanto menor o número, mais importante e maior o título.
Como formatar o texto em HTML
Obviamente, você também pode criar o próprio texto em HTML:
- O texto que está entre " " e "" no ambiente Negrito é escrito em negrito.
- Assim, itálico " " e "" no ambiente itálico .
- O ambiente de sublinhado "" para "" sublinha seu texto. O sublinhado é raramente usado em textos da Internet porque pode ser mal interpretado como um link.
- Temos nossa própria dica prática que explica em detalhes como alterar o tamanho da fonte do texto do corpo em HTML.
- Para alterar a fonte, siga as instruções em nossa dica prática.
Planeje usar o HTML5, comece com o tutorial em HTML5 e otimize o design e o conteúdo do seu site com nossas dicas de SEO.