[Tutoriales] HTML útil: Textos


Holi!!! Hoy, como dije hace dos semanas más o menos, os traigo otra entrada con HTML útil. Esta vez os traigo cositas útiles para cuando ponemos un texto en html, como por ejemplo, poner el texto en negrita, en otro tamaño o en otra fuente.


Negrita, cursiva y subrayado


Este es muy fácil, y quizás se pregunten para que lo pongo si en las entradas y en los widgets HTML te pone una opción para ponerlo. Pues os sirve para cuando estéis poniendo un texto en la plantilla directamente, así para poner un texto en negrita, solo tienes que poner dicho texto entre las etiquetas <b></b>, tal que así: <b>Tu texto en Negrita</b> y quedaría así Tu texto en Negrita. Para poner un texto en cursiva, tienes que hacer exactamente lo mismo, solo que cambiando la b, por una i, así: <i>Tu texto en Cursiva</i> y quedaría así Tu texto en Cursiva. Y por último, para ponerlo en subrayado, hacemos de nuevo lo mismo, pero utilizando una u, <u>Tu texto en Subrayado</u> y quedaría Tu texto en Subrayado. También puedes combinar las tres cosas, o dos cosas, poniendolas así: <u><i><b>Tu texto</b></i></u> y quedaría tal que así: Tu texto.

Tienes que tener en cuenta cuando escribes varios, que debes cerrarlo en orden, y aunque puede que no afecte, lo mejor es tenerlo ordenado, así, si pones <u><i>, cerrarás </i></u>, en vez de </u></i>.

Tachado


Bueno, he puesto tachado en un apartado diferente porque no sigue la misma pauta que los anteriores, pues para poner un texto tachado, tienes que usar <strike>, así que debes poner: <strike>Tu texto tachado</strike>, y quedaría Tu texto tachado.

Span


¿Qué es el span? El span es una etiqueta que utilizamos para poner estilos a los textos, por ejemplo: <span style="color:red;">Texto</span>, que quedaría: Texto 

Aquí puedes poner muchas cosas. Dentro de style="", puedes poner:

  • El color de las letras, con color. Por ejemplo, color: #000; , que sería negro.
  • El tamaño, el tipo y la tipografía del texto, poniendo font: normal normal 15px 'Tahoma';, por ejemplo. Aquí puedes poner cualquier cosa. Además, los dos normal del principio es para cambiar, por ejemplo, el segundo a bold, y te queda en negrita.
  • La decoración, es decir, overline, underline, blink, o none. ¿Y qué es esto?. Bien, esto se pone como text-decoration: underline;. Overline es para que el subrayado esté por encima de la palabra, underline, para que esté debajo, blink para que parpadee, y none, para ninguno, aunque puedes poner varios.
  • Aparte de todo eso, podéis poner cualquier otra cosa, como un fondo (background),  y cualquier otra cosa, aunque si ya le quieres poner tantas cosas, es más lógico poner los estilos en la plantilla, y luego poner el texto entre <div> y listo, pero a eso pasaremos en otro momento.
Debes tener cuidado al poner los estilo en style="", lo debes poner entre las comillas, y si no las pones, luego te podría poner error, o no te saldría.


Al final todo quedaría como <span style="color: red;font: normal normal 20px 'Tahoma';text-decoration:overline;">El texto</span>. Y luego quedaría así:

El texto
Beshus y hasta mañana!!

Comentarios

Publicar un comentario

Holiii!!!! Si vas a dejarme un comentario, ten en cuenta las siguientes reglas:
-Nada de spam, si eso, me mandan un correo o me piden publi.
-Nada de insultos
-Nada de críticas ofensivas, cada uno tiene su propia opinión.

Aquí tenéis emoticonos para los coments:

(✿◠‿◠) (◡‿◡✿) (◕‿◕✿) (✖╭╮✖) (≧◡≦) (¬_¬) (◑‿◐) (◕‿-) ✖‿✖ (-’_’-) (╥_╥) (╯_╰) (╯3╰) (o_-) (¬‿¬) (◣_◢) (∪ ◡ ∪) (≧ω≦) o(≧o≦)o (⋋▂⋌) (॓_॔) (╯ಊ╰) (─‿‿─) ‹(•¿•)› (╯︵╰,) (︶︹︺) (∩︵∩) (。◕‿◕。) (⊙_◎) (~ ̄▽ ̄)~ (︶ω︶) (+_+) (。♥‿♥。) (✿ ♥‿♥) ♥╣[-_-]╠♥ ٩(͡๏̯͡๏)۶ ٩(-̮̮̃•̃)۶ ٩(̾●̮̮̃̾•̃̾)۶ ٩(-̮̮̃-̃)۶ (u_u) (*_*) (º_º) ٩(×̯×)۶ (ñ_ñ) (∩▂∩) (¬▂¬)ヽ(o`皿′o)ノ(・∀・ )( ̄(エ) ̄)( ̄へ ̄)(  ゚,_ゝ゚)(ι´Д`)ノ(・ェ-)ლ(́◉◞౪◟◉‵ლ)щ(ಠ益ಠщ)(ノಠ益ಠ)┻━┻。◕ ‿ ◕。ಠ_ಠ( °٢° )ʘ‿ʘಥ⌣ಥಥ‿ಥ(ΘεΘ;)(n˘v˘•)¬(✪㉨✪)ヽ(๏∀๏ )ノ(╹ェ╹)╮(─▽─)╭щ(ಥДಥщ)≖‿≖(ノ◕ヮ◕)ノ*:・゚✧(⊙ヮ⊙)ᕦ(ò_óˇ)ᕤᕙ(⇀‸↼‶)ᕗ(◡ಠ(•⊙ω⊙•)‘︿’( ´∀`)☆(≧ω≦)(´ー`)(つд`)( ̄。 ̄)(*~▽~)( ^▽^)σ)~O~)(=゜ω゜)(´ω`)(ノ_・。)(-_- )ノ(´ヘ`;)(^^;)( ´∀` )

Beshus mis gatitos!!

Entradas populares de este blog

¡Panini Manga licencia el "yuri verde"! La esperada llegada de "El chico que me gusta no es un chico"

Atelier of Witch Hat: ¿manga u obra de arte? Reseñando los vol. 1-10

[Storyteller] Dante