Logotipo de Aprende Gratis.

HTML - Lección 7: Los estilos físicos

Los estilos físicos son cambios en el diseño del texto para cambiar su apariencia. Algo tan conocido como el texto en negrita o cursiva con estilos físicos. Se van a ver cinco estilos físicos para implementarlos en html: negrita, enfatizar, cursiva, subrayado y texto a máquina.

En definitiva, lo que vamos a hacer es formatear las propias letras del texto que escribamos en nuestras páginas web. Decir primero de todo que todas las etiquetas que vamos a ver son etiquetas cerradas, por lo que no se debe elvidar nunca cerrarlas.

Veamos un tabla en la que se nos muestran estas etiquetas html:

Etiquetas para estilos físicos
<b></b> Texto en negrita
<s></s> Para tachar un texto
<i></i> Texto en cursiva
<u></u> Para subrayar texto
<tt></tt> Simular texto a máquina

Para hacer uso de estos estilos físicos basta con encerrar el texto que queramos que se vea afectado entre la etiqueta en cuestión. Por ejemplo, supongamos que queremos subrayar el sujeto que realizó la acción en la siguiente oración: Jaime corría mucho. Entonces, el código html sería el siguiente: <u>Jaime</u> corría mucho.

Estudiemos el siguiente código html en donde se hace uso de todas estas etiquetas para los estilos físicos:

<p><b>A la hora de dar estilo al texto</b>, en 
html tenemos <u>estilos físicos y lógicos</u>. 
<i>Los primeros no tienen ninguna relación 
conceptual</i>; mientras que los segundos si: 
podemos dar una enfatización al texto.</p>

<p>También, con los físicos, podemos 
<s>tachar</s> texto o simular un <tt>escrito 
a máquina</tt>.</p>

En el código hemos escrito dos párrafos en donde hay textos afectados por los estilos físicos que hemos visto en la tabla. El navegador debería mostrarnos una página similar a lo que muestra la figura 10.

Dos párrafos con estilos físicos
Figura 10. Podemos mejorar nuestros textos
con los estilos físicos.

Ahora solo queda que practiques un poco con los estilos físicos. No es difícil asimilar estas etiquetas html que hemos visto; por ejemplo, puedes escribir tus propios textos en html y poner texto en negrita, o subrayar alguna palabra.


Ir a:


Aprende Gratis 2017 © Mario Raja | página web responsive.