En el código html.lenguaje que usamos para que los navegadores de internet interpreten nuestras instrucciones, las indicaciones se hacen así:
<comando>texto afectado</comando>
Pudiendo acumularse más de un comando en el mismo texto (Por ejemplo, si queremos que además de en negrita, un texto salga subrayado):
<comando1><comando2>texto afectado</comando></comando2>
O podemos afectar diferentes porciones del texto con diferentes comandos (El comando deja de efectuarse en el momento que aparece su etiqueta de cierre)
<comando1><comando2>texto</comando1>afectado</comando2>
Esta es la forma habitual que usaremos para el tratamiento de "cosas" (texto, imágenes, otros sub-códigos insertados, etc.) que deben ser afectadas por esos comandos. Sin embargo, también podemos encontrar códigos que no afecten a ninguna "cosa", sino que ellos sean la cosa (salto de línea, una raya...); estos se insertarán tal cual, y no tendrán apertura y cierre.
Blogueros, somos muchos pero programadores hay no tantos. Por eso, la forma más común para desarrollar un blog efectivo, es conocer lo básico de html y el resto de códigos complicados los copiaremos y pegaremos (siguiendo sus indicaciones) desde las páginas y blogs de los que saben y tienen la generosidad de compartirlo con los demás. Os recomiendo:
Gem@ BLOG
El escaparate de Rosa
Blog & web (Muy recomendable, esta chuleta)
Vagabundia
La bloguería
Blogtenia y sociedad (De mi amigote, Carlos Soler)
entre otros muchos.
Veamos algunos de esos códigos básicos que nos enseñan:
<b> este texto saldrá en negrita </b>
este texto saldrá en negrita
<i> este texto saldrá en cursiva </i>
este texto saldrá en cursiva
<u> este texto saldrá subrayado </u>
este texto saldrá subrayado
<center> este texto saldrá centrado </center>
<blink> este texto saldrá parpadeante </blink>
<b><blink> este texto saldrá pardadeante (y negrita hasta aquí) </b> y aquí sólo parpadeante </blink>
Cuando el código de un post (o un gadet) comienza a ser muy largo y se nos complica orientarnos, podemos insertarnos comentarios invisibles al navegador "pistas o explicaciones" nosotros mismos en el código de nuestro post, porque el navegador lo ignorará.
<!--En este espacio comienzo a desarrollar la parte graciosa--> (Esto es lo que ponía al principio de este párrafo)
Para forzar una salto de línea se usa (aquí la inserto)
la etiqueta única
<BR/>
Para recuadrar un texto de citación
Mi mamá siempre decía
La vida es como una caja de bombones...
Mi mamá siempre decía que ... <BLOCKQUOTE> La vida es como una caja de bombones...
</BLOCKQUOTE>
Para linkear (dirigir a una página web, un click de ratón sobre una palabra, imagen, etc..):
!éste, es un post la leche de majo!
<a href="http//www.dirección de url"> !éste, es un post la leche de majo! (texto que debe enlazar con esa dirección) </a>
Tamaño del texto:
Para tamaños, podemos usar estos tags (o etiquetas)
<hx>Texto</hx>:
donde x es un valor que podemos modificar desde 1 a 7, tal que así::
<h1>Texto 1</h1>
Texto 1
<h4>Texto 4</h4>
Texto 4
<h6>Texto 6</h6>
Texto 6
O pòdemos usar las etiquetas que especifican el tamaño de la fuente:
<font size="3">este </font> <font size="4">texto </font>
<font size="5">crece </font> <font size="5"> ydecrece </font> <font size="4">otra </font><font size="3">vez. </font>
este texto crece ydecrece otra vez.
Para cambiar el tipo de fuente:
<font face="times new roman">Texto en Times New Roman </font> <font face="arial">Texto en Arial </font><font face="courier new">Texto en Courier New </font><font face="courier">Texto en Courier </font> <font face="roman">Texto en Roman </font>
Texto en Times New Roman Texto en Arial Texto en Courier New Texto en Courier Texto en Roman
Para cambiar el color de la fuente:
Podemos usar el tag con el nombre genérico en ingles del color:
<font color="blue">Texto rojo</font>
Texto rojo o podemos especificar el color en su código RGB: <span style="color: #ff0000;">Texto en rojo</span> Texto en rojoPor suepuesto, estos códigos son complementarios entre sí:
<font face="times new roman" size="5" color="green">Texto verde, en Times New Roman, tamaño 5</font>
Texto verde, en Times New Roman, tamaño 5