Formatação de texto HTML
Para deixar qualquer documento claro e legível, precisamos ter em mente a formatação de texto do documento. A formatação de texto é de dois tipos, qualitativa, como família de fontes e quantitativa, como tamanho de fonte, cor e muito mais. No HTML, diferentes elementos podem ser utilizados para aplicar estilos de formatação aos elementos do documento.
Este post guiará sobre:
- Estilos de formatação HTML
- Como fazer texto em negrito em html?
- Como itálica o texto em html?
- Como fazer o texto de Strikethrough em html?
- Como adicionar texto como um subscrito no HTML?
- Como adicionar texto como superscrito em html?
- Como sublinhar o texto em html?
- Como fazer enfatizar o texto em html?
- Como tornar o texto tão forte em html?
- Como fazer texto pequeno em html?
Estilos de formatação HTML
Vários estilos de formatação de texto HTML estão listados abaixo:
- Audacioso
- itálico
- Strikethrough
- Subscrito
- Sobrescrito
- Sublinhado
- Enfatizar
- Forte
- Pequeno
Vamos implementar alguns deles um por um com exemplos.
Como fazer texto em negrito em html?
O html “”A tag é utilizada para negrito o texto para obter a atenção do usuário em relação ao texto.
Exemplo
Em html, dentro do elemento corporal, adicione
tag para o cabeçalho e
tag para algum texto. Entre o
elemento, colocamos o tag de partida e Tag de fechamento. O conteúdo entre essas tags será formatado para ousado.
Html
Audacioso
Este parágrafo define como estilizar o texto como audacioso.
No CSS, essas tags mencionadas seriam aplicadas com várias propriedades de estilo para uma melhor apresentação.
Estilo todos os elementos
*Fonte-família: Genebra, Sans-Serif, Verdana, Tahoma;
O asterisco ( * ) O sinal é utilizado no CSS para aplicar todos os elementos às mesmas propriedades. Então o "família de fontes”A propriedade de cada elemento é definida como“Verdana, Genebra, Tahoma, sem serifa”. Esta lista de valores é fornecida para garantir que, se o primeiro não for suportado pelo navegador, outros serão aplicados aos elementos.
Estilo div container
.contêinerBackground-Color: RGB (238, 165, 157);
largura: 90%;
margem: automático;
preenchimento: 10px;
Fronteira: 3px marrom tracejado;
Size da fonte: 20px;
Aqui:
- ““cor de fundo”Propriedade define a cor de fundo do elemento div.
- ““larguraPropriedade, com um valor de 90%, define a largura do elemento div como 90%.
- ““margem”Propriedade com valor“auto”Adiciona espaço igual ao redor de um elemento.
- ““preenchimento”Propriedade adiciona espaçamento em torno do conteúdo do Div Main.
- ““fronteira”A propriedade ajusta uma borda de largura 3px, uma linha tracejada com a cor marrom.
- ““tamanho da fonte”A propriedade define/ajusta o tamanho do texto para 20px.
Da imagem abaixo, fica claro que o texto selecionado é formatado em negrito:
Como itálica o texto em html?
Muitas vezes, um documento precisa em itálico o texto para mostrar uma citação ou definição. Para fazer isso, use o “" marcação.
Exemplo
Em HTML, adicione as tags iniciais e fechadas de Tag antes e depois da parte para itálica da seguinte forma:
Este parágrafo define como estilizar o texto como itálico.
Saída
Como fazer o texto de Strikethrough em html?
O texto de strikethrough refere -se ao texto que tem uma linha nele. É simples utilizando o html “" marcação.
Exemplo
Adicione a tag de partida e a tag de fechamento à parte do texto que deve ser feita como uma greve, como mostrado abaixo:
Este parágrafo define como estilizar o texto como Strikethrough.
Saída
Como adicionar texto como subscrito em html?
O subscrito é o texto de tamanho pequeno que é exibido ligeiramente abaixo do texto. Por exemplo, em expressões matemáticas. O html “”A tag pode ser utilizada para fazê -lo.
Exemplo
O código HTML abaixo representa um
Marque com alguma parte do texto dentro do marcação:
Este parágrafo define como estilizar o texto como subscrito.
Pode ser visto na imagem abaixo que a parte do texto colocada dentro do subestim e tag de fechamento é formatado como texto subscrito:
Como adicionar texto como superscrito em html?
O superscript é o pequeno texto que aparece um pouco acima da linha de texto normal. Além disso, para fazer um texto substituto html “”A tag é utilizada.
Exemplo
Aqui está o código que representa o
elemento. Alguma parte do parágrafo está dentro do Tag conforme mostrado no código abaixo:
Este parágrafo define como estilizar o texto como sobrescrito.
A parte do texto selecionada é formatada com sucesso como Superscript:
Como sublinhar o texto em html?
Às vezes, é necessário marcar algum texto como sublinhado. Para esse fim, um elemento de formatação de texto “”É suportado em HTML.
Exemplo
Abaixo do código HTML mostra
O elemento com alguma peça reside dentro das tags iniciais e fechadas:
Este parágrafo define como estilizar o texto como sublinhado.
Saída
Como fazer enfatizar o texto em html?
Na maioria dos documentos, para chamar atenção especial dos leitores, o texto é formatado para enfatizar. O html “”A tag é usada para tornar o texto itálico. Os leitores enfatizam suas vozes quando leem o texto enfatizado.
Exemplo
Aqui, as tags iniciais e fechadas de O elemento é usado no parágrafo:
Este parágrafo define como estilizar o texto como Enfatizar.
Saída
Como tornar o texto tão forte em html?
O html “”O elemento é usado onde é necessário para mostrar importância e urgência através do texto. Tem uma etiqueta inicial e uma tag de fechamento .
Exemplo
Vamos observar o funcionamento de elemento implementando -o em html:
Este parágrafo define como estilizar o texto como forte.
Saída
Como fazer texto pequeno em html?
O html “”O elemento é usado para tornar o tamanho da fonte pequeno.
Exemplo
A seção de código abaixo contém
Elemento com algum conteúdo e parte dele reside entre a tag:
Este parágrafo define como estilizar o texto como pequeno.
Saída
Discutimos diferentes estilos de formatação HTML e seus aplicativos.
Conclusão
A formatação de texto desempenha um papel vital em deixar um documento claro e legível. Um documento bem formado mantém a atenção do usuário e ajuda a entender. Para fazer um documento HTML bem formado, existem várias tags de formatação, como “","","","”, E mais que pode ser utilizado de acordo. Este blog explicou os elementos para formatar o texto em HTML com exemplos práticos.