Formato de texto HTML
Para que cualquier documento sea claro y legible, debemos tener en cuenta el formateo de texto del documento. El formato de texto es de dos tipos, cualitativo, como la familia de fuentes y cuantitativo, como el tamaño de la fuente, el color y más. En HTML, se pueden utilizar diferentes elementos para aplicar estilos de formato a los elementos del documento.
Esta publicación guiará sobre:
- Estilos de formato HTML
- Cómo en negrita el texto en HTML?
- Cómo en cursiva el texto en HTML?
- Cómo hacer el texto de Strikethrough en HTML?
- Cómo agregar texto como subíndice en HTML?
- Cómo agregar texto como superscript en html?
- Cómo subrayar el texto en HTML?
- Cómo hacer énfasis textos en html?
- Cómo hacer que el texto sea tan fuerte en HTML?
- Cómo hacer un texto pequeño en HTML?
Estilos de formato HTML
A continuación se enumeran varios estilos de formato de texto HTML:
- Atrevido
- Itálico
- Fusible
- Subíndice
- Sobrescrito
- Subrayar
- Enfatizar
- Fuerte
- Pequeño
Implementemos algunos de ellos uno por uno con ejemplos.
Cómo en negrita el texto en HTML?
El html ""La etiqueta se utiliza para negrita el texto para llamar la atención del usuario hacia el texto.
Ejemplo
En html, dentro del elemento del cuerpo, agregue
Etiqueta para el encabezado y
Etiqueta para algún texto. Entre el
elemento, hemos colocado el Etiqueta inicial y etiqueta de cierre. El contenido entre estas etiquetas se formateará en negrita.
Html
Atrevido
Este párrafo define cómo diseñar el texto como atrevido.
En CSS, estas etiquetas mencionadas se aplicarían con varias propiedades de estilo para una mejor presentación.
Estilo todos los elementos
*Font-Family: Ginebra, Sans-Serif, Verdana, Tahoma;
El asterisco ( * ) Se utiliza el signo en CSS para aplicar todos los elementos a las mismas propiedades. Entonces el "Familia tipográfica"La propiedad de cada elemento se establece como"Verdana, Ginebra, Tahoma, sans-serif". Esta lista de valores se proporciona para garantizar que si el primero no es compatible con el navegador, otros se aplicarán a los elementos.
Container de Div Style
.envaseColor de fondo: RGB (238, 165, 157);
Ancho: 90%;
margen: auto;
relleno: 10px;
Border: 3px Brown discontinuo;
tamaño de fuente: 20px;
Aquí:
- "color de fondo"La propiedad establece el color de fondo del elemento Div.
- "anchoLa propiedad, con un valor del 90%, establece el ancho del elemento DIV al 90%.
- "margen"Propiedad con valor"auto"Agrega un espacio igual alrededor de un elemento.
- "relleno"La propiedad agrega espaciado en torno al contenido del Div Main.
- "borde"La propiedad ajusta un borde de ancho 3px, una línea discontinua con el color marrón.
- "tamaño de fuente"La propiedad establece/ajusta el tamaño del texto a 20px.
De la imagen a continuación, está claro que el texto seleccionado está formateado en negrita:
Cómo en cursiva el texto en HTML?
A menudo, un documento necesita en cursiva el texto para mostrar una cotización o definición. Para hacer esto, use el "" etiqueta.
Ejemplo
En HTML, agregue las etiquetas de inicio y cierre de Etiqueta antes y después de la parte para en cursiva de la siguiente manera:
Este párrafo define cómo diseñar el texto como Itálico.
Producción
Cómo hacer el texto de Strikethrough en HTML?
El texto de Strikethrough se refiere al texto que tiene una línea a través de él. Es simple utilizando el HTML "" etiqueta.
Ejemplo
Agregue la etiqueta de inicio y la etiqueta de cierre a la parte del texto que se debe hacer un strikethrough como se muestra a continuación:
Este párrafo define cómo diseñar el texto como Fusible.
Producción
Cómo agregar texto como subíndice en HTML?
El subíndice es el texto de tamaño pequeño que se muestra ligeramente debajo del texto. Por ejemplo, en expresiones matemáticas. El html ""La etiqueta se puede utilizar para hacerlo.
Ejemplo
El siguiente código HTML representa un
etiqueta con alguna parte del texto dentro del etiqueta:
Este párrafo define cómo diseñar el texto como subíndice.
Se puede ver en la imagen a continuación que la parte del texto colocada dentro del subtímetro comienza y etiqueta de cierre está formateado como texto de subíndice:
Cómo agregar texto como superscript en html?
El superíndice es el texto pequeño que aparece ligeramente por encima de la línea de texto normal. Además, para hacer un texto superscript html "Se utiliza la etiqueta.
Ejemplo
Aquí está el código que representa el
elemento. Alguna parte del párrafo está dentro del etiqueta como se muestra en el siguiente código:
Este párrafo define cómo diseñar el texto como sobrescrito.
La parte de texto seleccionada se formatea correctamente como SuperScript:
Cómo subrayar el texto en HTML?
A veces, es necesario marcar algún texto como subrayado. Para este propósito, un elemento de formato de texto ""Es compatible en HTML.
Ejemplo
A continuación se muestra el código HTML
El elemento con alguna parte reside dentro de las etiquetas de inicio y cierre:
Este párrafo define cómo diseñar el texto como subrayar.
Producción
Cómo hacer énfasis textos en html?
En la mayoría de los documentos, para llamar la atención especial de los lectores, el texto está formateado para enfatizar. El html ""La etiqueta se usa para hacer el texto en cursiva. Los lectores enfatizan sus voces cuando leen el texto enfatizado.
Ejemplo
Aquí, las etiquetas de inicio y cierre de El elemento se usa en el párrafo:
Este párrafo define cómo diseñar el texto como Enfatizar.
Producción
Cómo hacer que el texto sea tan fuerte en HTML?
El html "El elemento se usa donde se requiere para mostrar importancia y urgencia a través del texto. Tiene una etiqueta inicial y una etiqueta de cierre .
Ejemplo
Observemos el funcionamiento de elemento implementándolo en html:
Este párrafo define cómo diseñar el texto como fuerte.
Producción
Cómo hacer un texto pequeño en HTML?
El html "El elemento se usa para hacer que el tamaño de fuente sea pequeño.
Ejemplo
La sección de código a continuación contiene
El elemento con algún contenido y alguna parte reside entre la etiqueta:
Este párrafo define cómo diseñar el texto como pequeño.
Producción
Hemos discutido diferentes estilos de formato HTML y sus aplicaciones.
Conclusión
El formato de texto juega un papel vital en hacer que un documento sea claro y legible. Un documento bien formateado mantiene la atención del usuario y ayuda a comprender. Para hacer un documento HTML bien formateado, hay varias etiquetas de formato como "","","","", Y más que se puede utilizar en consecuencia. Este blog ha explicado los elementos para formatear el texto en HTML con ejemplos prácticos.