.post-body:first-letter { float:left; color: #333333; font-size:100px; font-family:none; line-height:80px; padding-top:1px; padding-right:5px; } font-style: italic; } span.letracapital{ float: left; font-size: 40px; line-height: 35px; /* Dobla el alto de linea menos 1 pixel */ font-family: Georgia, "Times New Roman", Times, serif; color: #2583ad; /* Azul */ padding-right: 5px; } -->

Recent Posts

Formateando el texto de nuestra web ( negrita, cursiva, subrayado y tachado )

9 may 2016

Hoy vamos a explicar los diferentes formatos que podemos dar a nuestro texto.
Para dar formato a nuestro texto usamos una serie de etiquetas rodeando un texto o una palabra.
Siempre que queramos transformar un texto en otra forma de escritura lo debemos de hacer entre las etiquetas <b> y </b> y combinando diferentes etiquetas.
Ahora os voy a enseñar los diferentes formatos que podemos usar.

Negrita. 
En este caso existen dos maneras que harán que nuestro texto se convierta en negrita.
<cb> y <strong>

Ejemplo

<b>texto que queramos</b>         texto que queramos                                                    
<strong>texto que queramos</strong> texto que queramos

Cursiva 
Para escribir nuestro texto en cursiva se usa la etiqueta <i> y </i>.
Y también podemos usar la etiqueta <em> y </em>

Ejemplo

<i>texto que queramos</i>             texto que queramos
<em>texto que queramos</em>      texto que queramos

Subrayado 

Para escribir nuestro texto en subrayado se usa la etiqueta <tt> y </tt>.

Ejemplo

<tt>texto que queramos</tt>         texto que queramos

Tachado 
Para escribir nuestro texto tachado podemos usar las etiquetas <strike> </strike>.<s> </s> , <del> </del>
Todas nos ofrecen el mismo resultado

Ejemplo

<strike>texto que queramos</strike>             texto que queramos
<s>texto que queramos</s>      texto que queramos
<del>texto que queramos</del>       texto que queramos

No hay comentarios:

Publicar un comentario

Deja tu comentario y en breve te contestaremos