Web.HTML.Texto Formateado.

Se le puede dar efectos distintos al texto en una página web. Unos ejemplos:

<!DOCTYPE html>
<html>
<body>
    <p>Texto normal.</p>
<p><b>Texto en negrita.</b></p>
<p><strong>Texto en negrita.</strong></p>
<p><i>Texto en cursiva.</i></p>
<p><em>Texto en cursiva.</em></p>
<h2>Texto <small>más pequeño</small>Que el resto.</h2>
<h2>Texto <mark>marcado.</mark></h2>
<p>Texto <del>tachado.</del></p>
<p>Texto <ins>subrayado.</ins></p>
<p>Texto en <sub>subíndice.</sub></p>
<p>Texto en <sup>superíndice</sup></p>
</body>
</html>

Comillas.

Ahora unos ejemplos de como poner comillas en los textos:

<!DOCTYPE html>
<html>
<body>
<p>Esto es un ejemplo de como poner comillas a parte de un texto.</p>
<p>Aquí se muestra un texto normal y a continuación <q>un texto entre comillas</q></p>
</body>
</html>

La etiqueta <q> se utiliza para especificar parte un texto entre comillas, es decir, todo aquello que se meta entre estas etiquetas el navegador lo interpretará como comillas.

<!DOCTYPE html>
<html>
<body>
<blockquote>
Era el mejor de los tiempos, era el peor de los tiempos, era la edad de la sabiduría, era la edad de la insensatez, era la época de la creencia, era la época de la incredulidad, era la estación de la luz, era la estación de la oscuridad, era la primavera de la esperanza, era el invierno de la desesperación. Historia de dos Ciudades (Charles Dickens)
</blockquote>
</body>
</html>

Se agrega con la etiqueta <blockquote> y sirve para poner entre comillas bloques grandes de texto, así como secciones o párrafos más grandes.

Código.

Se agrega con la etiqueta <code> y sirve para mostrar en la página algún tipo de código de lenguaje de programación. Un ejemplo:

<!DOCTYPE html>
<html>
<body>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</body>
</html>

A la etiqueta <code> le ocurre lo mismo que a los párrafos, es decir, que no respeta ni espacios, saltos de líneas y tabulaciones. Para poder arreglar esta situación sólo basta con encasillarlo con las etiquetas <pre>:

<!DOCTYPE html>
<html>
<body>
<pre>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</pre>
</body>
</html>

De esta forma mostrará todo el código tal y como se escriba, respetando espacios, saltos de líneas y tabulaciones.

Continúa por Propiedad Style.

Like what you read? Give Ismael Royano Gómez a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.