Etiquetas de HTML básicas para escribir en un blog

24 may

El lenguaje HTML es ampliamente utilizado para la creación de páginas web estáticas; las dinámicas (ASP, PHP) se basan en él para presentar la información.

Conceptos básicos

La estructura de las etiquetas del HTML es básicamente la siguiente:

htmltags.jpg

El texto tendrá las características asignadas por las etiquetas y sus propiedades.

A continuación describiré brevemente las etiquetas necesarias para insertar hipervínculos, imágenes, crear listas, tablas, entre otras cosas:


Existen etiquetas que no necesitan cerrarse. Algunas de ellas son: BR (salto de línea), P (nuevo párrafo), HR (línea divisoria), IMG (imágenes). Opcionalmente pueden ir con una diagonal (/).

A continuación describiré las etiquetas que he utilizado con más frecuencia en la edición de los posts.

Insertar hipervínculos


La etiqueta utilizada para los hipervínculos es A y sus propiedades principales son HREF (página web o recurso que se está enlazando) y TARGET (indica dónde se abrirá el vínculo: en una nueva ventana, en la actual, etc).

Ejemplo:

<A HREF="http://onasis.wordpress.com/" TARGET="_blank" TITLE="Blog de Onasis">Visita el Blog de Onasis</a>

Cuando pongamos un hipervínculo a una imagen debemos de definir la propiedad BORDER con un valor igual a cero. Para evitar que tenga un borde de color azul. Ejemplo:

Imagen de Ejemplo

Listas


Para las listas se utiliza la etiqueta UL (listados sin orden) y OL (listados ordenados numéricamente). Para definir sus elementos se utiliza la etiqueta LI.

Ejemplo:

  1. Ejemento uno
  2. Elemento dos
  3. Elemento tres

Mostrar imágenes (etiqueta img)

La etiqueta IMG de HTML permite mostrar imágenes en las páginas web y blogs. Las propiedades más comunes son:

  • SRC: lugar donde se guardó la imagen en Internet),

  • BORDER: (tamaño del borde, por defecto las imágenes que tienen enlaces a otros recursos de Internet este valor es igual a uno y las que no tienen hipervínculo ),
  • ALT: (texto a mostrar en caso de que la imagen no aparezca).

Ejemplo:

Nueva versión del Blog de Onasis

Tablas


Para definir una tabla se usa la etiqueta TABLE. Esta tiene dos elementos básicos: TR y TD. El TR define la fila y el TD la celda. La siguiente imagen muestra gráficamente la función de estos dos y la función de las propiedades CELLPADDING y CELLSPACING en la etiqueta TABLE:

table.jpg

Para saber más:
http://html.conclase.net/tutorial/html/
http://www.htmlquick.com/es/tutorials.html
http://www.programacion.net/html/tutorial/curso/

About these ads

5 comentarios hacia “Etiquetas de HTML básicas para escribir en un blog”

  1. ANGIE 8 junio 2007 a 12:01 am #

    LA VERDAD ME FUE DE GRAN AYUDA SU INFORMACION, ESTA BIEN EXPLICADA, CON LO PRECISO PARA UNA TAREA.

  2. Carlos 30 julio 2008 a 11:48 pm #

    Cómo se hacen los cuadros de texto para dejar un comentario?? como este que estoy usando?? lo quiero agregar a mi Web, alguien me puede ayudar, dejo mi mail ihcl73@hotmail.com
    http://www.misscositas.com.mx

  3. Brenda 9 diciembre 2009 a 9:39 pm #

    esta bastante clara la explicacion q ponen gracias por poner estos sitios

  4. pinterest recipes 17 diciembre 2012 a 8:30 am #

    Hi, i think that i saw you visited my weblog so
    i came to “return the favor”.I’m trying to find things to improve my site!I suppose its ok to use some of your ideas!!

Trackbacks/Pingbacks

  1. Un japonés crea dibujos con etiquetas HTML « BLOG DE ONASIS - 24 junio 2007

    [...] Artículo relacionado: Etiquetas de HTML básicas para escribir en un blog. [...]

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 47 seguidores

%d personas les gusta esto: