Códigos HTLM. Crear efectos en tu blog. Los más usados en Blogger. Listado y Recopilación. Importante.




Cuando estamos escribiendo una entrada, algunas veces queremos que algunas palabras queden de una forma u otra. El problema es que no sabemos cuáles son los códigos necesarios para colocarlos.

Aquí van algunos en forma genérica:

■ Crear un espacio en blanco en un código:  


■ Una o varias líneas de texto, pueden estar centradas respecto a los márgenes. Para ello sólo hay que colocar el texto entre <CENTER> y </CENTER>, pero no a todo el párrafo. Por ejemplo:



texto texto texto texto texto texto texto texto texto texto texto texto

<CENTER>texto centrado texto centrado</CENTER>

texto texto texto texto texto texto texto texto texto texto texto texto


Se verá:


texto texto texto texto texto texto texto texto texto txto texto texto texto texto texto texto texto

texto centrado texto centrado

texto texto texto texto texto texto texto texto texto txto texto texto texto texto texto texto texto


También se puede aplicar a una tabla, imagen o cualquier cosa.


► Elementos que modifican el aspecto del texto





Texto en negrita



<B>Texto en negrita</B>



Texto realzado:



<STRONG>Texto realzado</STRONG>



Texto en itálica:


<I>Texto en itálica</I>



Texto con énfasis:


<EM>Texto con énfasis</EM>



Texto ejemplo de código:



<CODE>Texto ejemplo de código</CODE>



Texto teletipo:



<TT>Texto teletipo</TT>



Texto subrayado:



<U>Texto subrayado</U>



Texto tachado:



<STRIKE>Texto tachado</STRIKE>




Texto intermitente


<BLINK>Texto intermitente</BLINK>



^{Texto superíndice}Texto normal


<SUP>Texto Superíndice</SUP>



_{Texto subíndice}Texto nomal



<SUB>Texto Subíndice</SUB>



Texto grande



<BIG>Texto grande</BIG>



Texto pequeño



<SMALL>Texto pequeño</SMALL>




◙ Más códigos útiles que se suelen usar en Blogger de forma común:

► Enlace que abre una ventana y sale de nuestro blog:
<a href="PONER A QUI LA URL "target="_blank">Nombre de la página</a>

► Mail como enlace:
<a href="mailto:tu correo electrónico">Texto que queramos</a>

► Estilos:
Cursiva <i>.....</i>

Negrita <b>.....</b>

Subrayado <u>.....</u>

Tachado <s>.....</s>

► Colocar imagenes:
<IMG SRC="URL de la imagen">

► Centrar un párrajo:
<P ALIGN="center">.....</P>

► Crear un párrafo nuevo:
<p></p>

► Colocar links o enlaces:
<a href="http://...">página o palabra</a>

► Abrir un link (enlace) en otra ventana:
<a href="URL" target="_blank">

página o palabra</a>

► Alinear un párrafo a la derecha:
<P ALIGN="right">.....</P>

► Alinear un párrafo a la izquierda:
<P ALIGN="left">.....</P>

► Mail como enlace:
<a href="mailto:tu mail">Escribime</a>

► Construir una caja:

<fieldset>....Explicación que quieras dar....</fieldset>

► Hacer una textarea o caja de texto:

<TEXTAREA>aqui el texto</TEXTAREA>

► Inserta salto de línea:
<br>

► Crear una lista numerada:
<ol></ol>

► Precede a cada ítem de la lista y le agrega un número:
<li></li>

► Crea una lista con puntos:
<ul></ul>



► "text-decoration" añadiendo una palabra o texto, añade distintos efectos.
Los valores a usar son:

- "none" (ninguno)
- "underline" (subrayado)
- "overline" (sobrerayado)
- "line-through" (tachado)
- "blink" (parpadeo), pero Internet Explorer (IE) no visualiza el valor blink.

Podemos añadirlo en el CSS de la plantilla para dar el efecto que queramos a los títulos o los links.

P.ej:

text-decoration: underline;

text-decoration: overline;

text-decoration: blink;

text-decoration: line-through;


*** También puede colocarse en un texto si lo colocamos entre <span style> y </span>:

TEXTO QUE parpadea(blink) (Con IE, no se ve el efecto)

<span style="text-decoration: underline;">TEXTO subrayado</span>

TEXTO subrayado (underline)



<span style="text-decoration: overline;">TEXTO con línea arriba</span>

TEXTO con línea arriba(overline)



<span style="text-decoration: line-through;">TEXTO tachado</span>


TEXTO tachado(line-through)

Aclaración:

- Blogger usa XML estricto. Por ese motivo no pueden usarse caracteres como
< > y & excepto en las etiquetas. Por otro lado establece que las comillas externas son simples, las interna dobles; si hay más deben usarse entities como "

- Para agregar un párrafo a la plantilla se puede escribir directamente:
<p> ....... </p>


- Si hay que mostrar código (tanto en Blogger como en otro servicio) se escribe:

<p> ....... </p>

(Apunte personal)