lunes, 16 de febrero de 2015

ETIQUETAS BÁSICAS DE HTML PARA BLOGGERS

nociones de html básico para bloggers



¡Hola! ¿Cómo estamos?

Estaba yo pensando en cambiar el diseño del blog porque me canso enseguida y lo que antes me parecía bonito a los dos días me parece horroroso, cuando se me ha ocurrido hablaros del código HTML básico para bloggers. Igual no tienes un blog y esto te parece una absoluta tontería. Pero puede que alguno de vosotros sí tenga un blog o esté pensando en crear uno y este breve post le pueda ayudar.

Quiero daros unas breves nociones, pequeñas pinceladas de lo que son las etiquetas más utilizadas por los bloggers.

Igual eres una experta en HTML y esto te parece una chorrada. Pues claro que sí. Deja de leer porque este post no es para ti. Si, por el contrario, estás un poco pez en el tema, te voy a enseñar las etiquetas básicas de HTML que seguro que alguna vez te sacan de un apuro. Pues allá vamos.

1. Poner un enlace.

Lo normal es que el propio editor del blog te permita crear un enlace con un simple clic pero nunca está de más saberlo ya que en alguna ocasión puedes necesitarlo.

<a href="http://url_a_la_que_queremos_dirigirnos.com">texto enlazado</a>


2. Abrir enlace en una nueva ventana.

Esto es muy importante porque no queremos que al pinchar en el enlace el usuario abandone nuestra página, no no y no. El enlace debe abrirse en otra ventana para que pueda continuar navegando en nuestro blog.

Debemos añadir al código anterior lo siguiente: target="_blank"
El código completo sería:

<a href="http://url_a_la_que_queremos_dirigirnos.com" target="_blank">texto enlazado</a>


3. Poner una imagen.

Se trata del código html para insertar imágenes donde queramos.

<img src="url_de_la_imagen">

4. La imagen es un enlace.

Queremos que, al pinchar sobre la imagen, nos lleve a otra página.

<a href="http://url_a_la_que_queremos_ir.com"><img src="url_de_la_imagen"></a>

5. Texto en negrita.


<b>Texto</b>

6. Texto en cursiva.


<i>Texto</i>

7. Texto subrayado.


<u>Texto</u>

8. Texto tachado.


<strike>Texto</strike>

9. Texto en color.


<span style="color:#000000;">Texto</span>

10. Crear un párrafo.


<p>Texto</p>

11. Salto de línea.


<br>


Hay muchísimas más etiquetas pero no está mal para empezar. Si tienes alguna duda deja un comentario y te responderé encantada.

No hay comentarios:

Publicar un comentario

Gracias por comentar.