Html básico para escribir posts

En BlodMundi, encuentro un buen artículo, básico pero importante a la hora de escribir posts. Con los editores WYSIWYG es fácil añadir diferentes estilos a nuestros posts, pero hay otras opciones posibles, además de las que suelen ofrecernos por defecto. Para conseguirlo, debemos escribir un poco más, pero a veces los resultados merecen la pena:

Resaltar frases del texto
Para realizar esto, existe algún plugin, pero si lo realizamos nosotros nos da un mayor control.

<font size=3><div style=»width:150px;height:80px;float: right;border-top: 1px solid #000; border-bottom: 2px solid #000; padding: 5px;»>El html dota de mayor atractivo a los artículos</div> </font>

El html dota de mayor atractivo a los artículos

Modificando el “float” con las opciones right o left, puedes situarlo a derecha o izquierda.

Citar a otra persona

Cuando vayas a citar lo dicho por otro bloguer o algo en otra web, utiliza la etiqueta <blockquote> Si quieres también puedes añadir las comillas típicas, (“ – “ ” – ”)

Alinear texto con imágenes.

Muchas plantillas para blogs definen una clase que puedes utilizar para alinear imágenes. No obstante, puedes definir el estilo directamente.

<img style=»margin: 0 0 2px 5px; float: right;» src=»ruta_imagen» /> Añadiendo esto consigues alinear una imagen a la derecha, dejando el texto a su izquierda

<img style=»margin: 0 5px 2px 0; float: left;» src=»ruta_imagen» /> Añadiendo esto consigues alinear una imagen a la izquierda, dejando el texto a su derecha

Otros recursos

Si quieres añadir una linea horizontal puedes utilizar la etiqueta <hr />, puedes añadirle otros atributos como “width”, “size” (establece el grosor), etc..

En muchos editores cuando presionas intro para saltar de línea crea un nuevo párrafo, lo que deja un espacio entre líneas. Si lo que quieres es saltar de línea pero sin dejar un espacio usa la etiqueta <br />

Estas etiquetas son bastante útiles y yo mismo las suelo utilizar, pero no hay que olvidad lo siguiente:

• La etiqueta “strike” para tachar texto también da mucho juego: Tachado

• Que HTML no es un lenguaje de programación, es un lenguaje de marcar (a ver si así se le pierde un poco el miedo).

• Que cada etiqueta tiene una de apertura y otra de cierre (menos la etiqueta de imagen <img>, por ejemplo <blockquote> es un tag de apertura y tiene </blockquote> para cerrar la zona de cita.

• Que, al igual que las tablas, es mejor reemplazar el tag <Font> por un estilo de fuentes como el siguiente: <div style=”font-size: x-large; width:150px;height:80px;float: right;border-top: 1px solid #000; border-bottom: 2px solid #000; padding: 5px;”>El html dota de mayor atractivo a los artículos</div> , donde x-large puede ser x-small, small, medium, large y x-large.

• Como faltas indispensables en el artículo, los tags para hacer listas: “ul” (delimita listas sin orden, con viñetas), “ol” (delimita listas ordenadas, con números o cosas por el estilo), y “li” (delimita los elementos de cada lista); y los de titulares “h#” (donde # es un número del 1 al 6).

Despues de todas las cosas expuestas, uno mira la torre inclinada de Pisa y ya no la ve igual…

¿Alguna cosa más añadirías?