Texto
El texto en el sitio web es una de las cosas más importantes que vamos a necesitar, ya que es la forma en que vamos a poder comunicarnos con los usuarios. En este tema vamos a abordar algunas de las etiquetas HTML más comunes al crear una página además de sus estilos más característicos.
Estas son las etiquetas de texto más comunes:
<H1 /> hasta <H6 />: Títulos de diferentes tamaños.
<p />: Párrafos.
<span />: Texto en línea.
<strong />: Texto en negrita que indica importancia en el contenido.
<em />: Texto en cursiva.
<strike />: Texto tachado.
<u />: Texto subrayado.
<b />: Texto en negrita sin indicación de importancia.
NOTA
La principal diferencia entre <strong /> y <b /> es que <strong /> indica importancia en el contenido y es utilizado por los motores de búsqueda para indexar el contenido, mientras que <b /> solo es una forma de mostrar el texto en negrita. Si el contenido que quieres escribir en negritas es relevante para tú sitio web es recomendado el uso de <strong />.
CSS
Los campos de texto pueden ser modificados con css, su tamaño, color, fuente, etc. y algunos de los estilos que más vas a necesitar son:
font-size: Cambia el tamaño del texto.
color: Cambia el color del texto.
font-family: Cambia la fuente del texto.
font-weight: Cambia el grosor del texto.
text-decoration: Cambia la decoración del texto (Subrayado, tachado, etc.).
text-align: Cambia la alineación del texto.
text-transform: Cambia el texto a mayúsculas, minúsculas, etc.



¡Hagamos nuestra página con lo que hemos aprendido!
1<!DOCTYPE html>2<html>3<head>4<style>5p, h1, h2, h3 {6text-align: center;7}8h2 {9text-transform: uppercase;10color: #FE4C4A;11}12marquee {13font-size: 20px14}15</style>16<title>The Binding of Isaac</title>17</head>18<body>19<h1>The Binding of Isaac</h1>20<p>Isaac and his mother lived alone in a small house on a hill.<p>21<p>Isaac kept to himself, drawing pictures and playing with his toys as his mom watched Christian broadcasts on the television.</p>22<p>Life was simple, and they were both happy. That was, until the day Isaac’s mom heard a voice from above.</p>23<h3>Your son has become corrupted by sin. He needs to be saved.</h3>24<p><em>I will do my best to save him, my Lord</em></p>25<p>Isaac’s mother replied, rushing into Isaac’s room, removing all that was evil from his life.</p>26<p>Again the voice called to her</p>27<h3>Isaac’s soul is still corrupt. He needs to be cut off from all that is evil in this world and confess <u>his sins</u>.</h3>28<p><em>I will follow your instructions, Lord. I have faith in thee,</em></p>29<p>Isaac’s mother replied, as she locked Isaac in his room, away from the evils of the world.</p>30<p>One last time, Isaac’s mom heard the voice of <b>God</b> calling to her.</p>31<h3>You've done as I've asked, but I still question your devotion to me. To prove your faith, I will ask one more thing of you.</h3>32<p><em>Yes Lord, anything! Isaac’s mother begged.</em></p>33<h3>To prove your love and devotion, I require a sacrifice. Your son, Isaac, will be this <strike>sacrifice</strike>.</h3>34<h3>Go into his room and end his life, as an offering to me to prove you love me above all else.</h3>35<p><em>Yes Lord, she replied, grabbing a butcher’s knife from the kitchen.</em></p>36<p>Isaac, watching through a crack in his door, trembled in <b>fear</b>.</p>37<p>Scrambling around his room to find a hiding place, he noticed a trap door to the basement hidden under his rug.</p>38<p>Without hesitation, he flung open the hatch, just as his mother burst through his door, and threw himself down into...</p>39<h2>the unknown depths below</h2>4041<marquee>Run Isaac, Ruuuuuuuuuuuuuuun!</marquee>42</body>43</html>
¿Viste el resultado de este código en tu navegador? Intenta jugando con los textos y diseños para diseñar a tu gusto.
¿Lograste ver la etiqueta que no había mencionado durante este tema? Si ya te duelen un poco las rodillas deberás recordarla de el antiguo internet en donde todas las páginas eran colores, imágenes y texto moviéndose por todos lados.

