Formato de texto HTML

Para que cualquier documento sea claro y legible, debemos considerar el formato del texto del documento. Hay dos tipos de formato de texto, cualitativo, como familia de fuentes, y cuantitativo, como tamaño de fuente, color y más. Se pueden usar varios elementos en HTML para aplicar estilos de formato a los elementos del documento. Esta publicación lleva a:

Estilos de formato HTML

A continuación se enumeran varios estilos de formato para texto HTML:

• Claramente
• itálico
• Tachado
• índice
• Sobrescrito
• subrayar
• Enfatizar
• Fuerte
• Pequeña

Implementemos algunos de ellos uno por uno con ejemplos.

¿Cómo texto en negrita en HTML?

El código HTML «La etiqueta ” se usa para poner el texto en negrita para llamar la atención del usuario sobre el texto.
ejemploEn HTML dentro del elemento del cuerpo, agregue esto

-Etiqueta para el encabezado y una etiqueta para el cuerpo. Entre los

elemento tenemos la etiqueta de inicio y la etiqueta final metido. El contenido entre estas etiquetas está en negrita.
HTML

Gordo

Esta sección define cómo el texto gordo está formateado.

En CSS, estas etiquetas mencionadas se aplican con múltiples propiedades de estilo para una mejor representación.
Personaliza todos los elementos
* {familia de fuentes: Ginebra, sans serif, Verdana, Tahoma;} El asterisco ( * ) se usa en CSS para aplicar todos los elementos a las mismas propiedades. Entonces el «Familia tipográficaLa propiedad ” de cada elemento se establece como “verdana, Ginebra, tahoma, sans serif“. Esta lista de valores se proporciona para garantizar que se apliquen otros a los elementos si el navegador no admite el primero.
Contenedor div de estilo
.container {color de fondo: rgb(238, 165, 157); ancho: 90 %; borde: automático; relleno: 10 px; borde: 3 px con guiones marrones; tamaño de fuente: 20 px; } Aquí:

• «color de fondoLa propiedad ” establece el color de fondo del elemento div.
• «Amplio” con un valor de 90% establece el ancho del elemento div en 90%.
• «Margen de beneficio«Propiedad con valor»automóvil‘ agrega espacios iguales alrededor de un elemento.
• «tapiceríaLa propiedad ” agrega espacios alrededor del contenido del div principal.
• «FronteraLa propiedad ” se ajusta a un borde de 3px de ancho, una línea discontinua con el color marrón.
• «tamaño de fuenteLa propiedad ” establece/ajusta el tamaño del texto a 20 píxeles.

La siguiente imagen muestra que el texto seleccionado está en negrita:

¿Cómo poner texto en cursiva en HTML?

A menudo, un documento necesita poner en cursiva el texto para indicar una cita o definición. Para hacer esto, use el «» Signo.
ejemploEn HTML, agregue las etiquetas de inicio y final del etiquetas antes y después de la parte que se va a poner en cursiva de la siguiente manera:

Este párrafo define cómo el texto como itálico está formateado.

producción

¿Cómo crear texto tachado en HTML?

El texto tachado se refiere al texto que está tachado. Es fácil escribiendo el código HTML «» Signo.
ejemploAñadir el principio -Etiqueta y la de cierre etiqueta a la parte del texto que se va a tachar como se muestra a continuación:

Este párrafo define cómo el texto como Tachado está formateado.

producción

¿Cómo agregar texto como subíndice en HTML?

El índice es el pequeño texto que aparece ligeramente debajo del texto. Por ejemplo en expresiones matemáticas. Para ello, la etiqueta HTML «_{» ser usado.
ejemplo
Los siguientes conjuntos de códigos HTML}

etiqueta con parte del texto dentro de la etiqueta:

Este párrafo define cómo el texto como _subíndice está formateado.

Se puede ver debajo de la imagen esa parte del texto que está dentro del sub-comienzo _{y la etiqueta de cierre} se coloca como formato de subíndice:

¿Cómo agregar texto como superíndice en HTML?

El superíndice es el texto pequeño que aparece ligeramente por encima de la línea normal de texto. Además, para crear un texto HTML en superíndice”Se utiliza la etiqueta ”.
ejemploAquí está el código que el elemento

representa. Parte del párrafo está dentro del ^{etiquetas como se muestra en el siguiente código:}

Este párrafo define cómo el texto como ^sobrescrito está formateado.

El fragmento de texto seleccionado se ha formateado correctamente como superíndice:

¿Cómo subrayo el texto en HTML?

A veces es necesario marcar un texto como subrayado. Para hacer esto, un elemento de formato de texto «‘ es compatible con HTML.
ejemploEl siguiente código HTML muestra esto

-Elemento, con una parte situada dentro del -Inicio- y -etiquetas finales ubicadas:

Este párrafo define cómo el texto como Guion bajo está formateado.

producción

¿Cómo resaltar texto en HTML?

En la mayoría de los documentos, el texto tiene el formato resaltado para llamar la atención del lector. El código HTML «La etiqueta ” se utiliza para poner en cursiva el texto. Los lectores acentúan su voz al leer el texto resaltado.
ejemploAquí es donde las etiquetas de inicio y fin de la -Elementos utilizados en el párrafo:

Este párrafo define cómo el texto como énfasis esta diseñado.

producción

¿Cómo haces que el texto sea tan fuerte en HTML?

El código HTML «El elemento ” se utiliza cuando existe la necesidad de mostrar importancia y urgencia a través del texto. Tiene una etiqueta de inicio. y una etiqueta final . EjemploVeamos cómo elemento implementándolo en HTML:

Este párrafo define cómo el texto como fuerte está formateado.

producción

¿Cómo creo texto pequeño en HTML?

El código HTML «El elemento ” se utiliza para disminuir el tamaño de la fuente.
ejemploLa siguiente sección de código contiene un

elemento con algún contenido, y parte de él está entre el -Día:

Este párrafo define cómo el texto como pequeña está formateado.

producción

Hemos discutido diferentes estilos de formato HTML y sus aplicaciones.

Conclusión

El formato del texto juega un papel crucial para que un documento sea claro y legible. Un documento bien formateado mantiene la atención del usuario y ayuda a la comprensión. Para hacer un documento HTML bien formateado, hay varias etiquetas de formato como ««, ««, ««, «‘, y más que se pueden usar en consecuencia. Este blog ha explicado los elementos del formato de texto en HTML con ejemplos prácticos.