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índiceTexto normal


<SUP>Texto Superíndice</SUP>



Texto subíndiceTexto 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 &quot;

- 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:

&lt;p&gt; ....... &lt;/p&gt;




(Apunte personal)



13 comentarios:

LadyMarian

Hola Lujo!!
Estoy haciendo una prueba a ver si la palabra Lujo me sale en negrita. Muy interesante la entrada.
Besos

LadyMarian

Salió en negrita! Estos datos que diste sirven tanto para las entradas como para los comentarios?

Otra pregunta (creo que muy tonta): Cómo hacés para que al poner un link en un comentario te quede para que al hacer clic te lleve a la página (en vez de tener que hacer copiar y pegar). Por ejemplo si pongo esto no me lleva allí:
http://blogdelujo.blogspot.com

Besos

Lujo

Holaaaaaaa LadyMarian
Piensa que el editor de comentarios es muy primario O.o. En principio sólo te aceptarán negrita, cursiva (y no me acuerdo de más ) ¬¬

La respuesta a tu pregunta es bajo la fórmula:
aquí-el-texto

tal y como comenté en este enlace (-^o^-) (^_-)
Mil abrazotes hipervitaminados

Lujo

Perdona LadyMarian
La "a" etre corchetes es para subrayar. (#^_^#)
Besotes!

Lujo

Perdona de nuevo LadyMarian (hoy no es mi día) ¬¬

Lujo

Te lo paso por mail (-^o^-) (^_-)

Jo Grass

Ayyyyy, tienes que hacer el libro, que con tantos deberes ya me estoy perdiendooooo.hay que aprenderse todo eso para poner negrita, o subrayado o lo que sea? O tener tu chuleta al lado?
El librooooo, aunque empiezo a pensar que podría ser una enciclopedia, o fascículos coleecionables, o algooooo

me siento incapaz, buaaaa

besitos gigantes

LadyMarian

Jo, disculpá que me meta a decir algo en lugar de esperar la opinión de la "experta", aunque ella no quiere que la llamen así (digamos Hada Madrina, entonces). Yo uso chuletas (para nosotros: machetes) para todo. Tengo cómo hacer para que se abran ventanas aparte, esto que acaba de decir Lu, etc. Yo no me puedo acordar!! Así que siempre tengo a mano la ayuda y reemplazo en la fórmula (por llamarlo de alguna manera) por lo que es necesario en ese caso.
Besos

Lujo

Hola Holaaaaaaa Jo
LadyMarian tiene razón.♥

Jo, ni se te ocurra aprenderte nada. Cuando uno empieza con estos temas, lo más importante es saber "que se puede hacer","donde encontrarlo" y lo que se adapta mejor a tus necesidades.
Si la entrada con el atributo target="_blank" es de utilidad para ti, haz lo que dice LadyMarian: chuleta, machete (^_-) en un lugar que sea de fácil acceso o clasificación para ti.
Pej: una carpeta en word con páginas interesantes, copias en Gmail con sus etiquetas correspondientes etc etc..

Estos códigos te pueden ser útiles cuando notas que el editor de textos que da Blogger se queda muy cortito.
En este caso te "basta y sobra" con saber que existen. Piensa que ya sabes donde encontrarlos o hazte la chuleta si crees que te pueden interesar para tu forma habitual de manejarte con el blog.
Mil disculpas si no se me ocurre nada más.(#^_^#)
Abrazotes gigantes!!
Pd: Espero haberme explicado (^_-)




Hola y Re Holaaaaaaa LadyMarian
Mi niña, ¡¡Gracias!!!....No se lo podrías haber explicado mejor a Jo.
Las chuletas o machetes las usamos todos y mucho más con temas que no son sencillos o abarcan demasiado.
Lo mejor es elegir entre aquello que te puede ser útil y descartar "lo que nunca se te ocurriría usar".
Trucos hay muchos, pero pocos son los que merecen la pena y no hacen que funcione mal el blog a largo plazo.
Abrazotes hipervitaminados!!!♥

Jo Grass

Pero es que yo necesito tu librooooo, para tener todas las chuletas, machetes o como se llame juntitas, ordenadas, clasificadas, como el libro gordo de petete, como el diccionario infantil de mi hija, que todo está clarito y a mano.

Cuando tengas vacaciones lo recopilas todo, con un índice con lo que sea y no te olvides que yo te regalo un bonito diseño de portada y te hago una sesión de fotos, de megaguapa para la contraportada o lo que tú quieras, jajaja Y me compro el ejemplar número 1, dedicado y todo, ala

Jo Grass

Pues no me he pasado horas ni nada en la fnac o la librería Bertrand de la Rambla de Catalunya buscando un libro como el tuyo, el que estás colocando por entregas en este blog.

Aing, cuando te animes a hacerlo cuenta conmigo

Mua

Lujo

Re Hola Jo
Estoy flipada con lo de buscar un libro en esas grandes librerías para montar un blog O.O
Te darás cuenta con el tiempo que nadie ha inventado nada. En el fondo todos se copian, algo que ha publicado una web coreana llega aquí en poquito tiempo.
Lo que puede variar, y distingue a casa cual, es la forma de explicar las cosas.
Lo fácil es poner unos códigos "de copiar y pegar", lo complicado es que se entienda para qué se hace y qué resultados te pueden dar.

Lo que ves son apuntes que cuelgo "con la excusa que son para uso personal" y no olvidarlo. Estoy muy lejos de los cánones de ser un blog de ayuda. En fin, soy un blog rarito (-^o^-) (^_-) y no está nada mal serlo (-^o^-).
Abrazotes gigantescos!!

Lujo

Actualización de esta chuleta de códigos.

Publicar un comentario en la entrada

(-^o^-) (^_-) (#^_^#) (ÖoÖ) (*^o^*) (>_<) ( ̄へ ̄)(;_・) (ô_Ó) (O_O) (ˇ~ˇ) (ToT)(Q____Q) ಠ_ಠ (。◕‿◕) [(--)]ZZzzz

- Si el comentario es anónimo hay muchas posibilidades que no se publique.

 


UP