Etiquetas en HTML - Parte 1

Etiquetas HTML:

Ahora revisaremos las etiquetas que maneja html y las explicaremos.

1.    Enlaces entre páginas

<a></a>: Permite colocar un hipervínculo o enlace en una página web, que al presionarlo abre otra página web.

Atributos:

ü  href: Define la ruta en la que se encuentra la página web a abrir.

ü  target: Indica el lugar donde se abrirá la página web.  Puede ser en la misma página o en una nueva ventana o tab del navegador.

·         _self: Se abrirá en el mismo contenedor en el que se encuentra la página que tiene el enlace.

·         _blank: Se abrirá en una nueva ventana o tab.

·         _parent: Se abrirá en el contenedor padre de la página que tiene el enlace.

·         _top: Se abrirá en el mayor contenedor de la página que tiene el enlace.

·         Nombre de frame: Se abrirá en el frame que se indique.

Ejemplo: en index.html

Resultado: En tu navegador aparecerá así, Para que direccione a las páginas, debes crear antes los archivos “pagina2.html” y “pagina3.html” en el mismo directorio o carpeta de index.html

Pruébalo, y verás que en el primer caso el link se abre en la misma ventana. En el segundo se abre en otra.

2.   Imágenes

<img />: Muestra una imagen en la página web.

Atributos:

ü  src: Define la ruta en la que se encuentra la imagen.

ü  alt: Define un texto alternativo para la imagen.

ü  height: Define la altura de la imagen.

ü  width: Define el ancho de la imagen.

Ejemplo:

Para esto tendremos nuestro directorio actual así:

Resultado:

3.   Listas

En HTML se pueden crear listas ordenadas o numeradas (ordered list), listas desordenadas o no numeradas (unordered list)

        ü  Lista Ordenada o Numerada (Ordered List)

·         <ol></ol>: Define el inicio y fin de una lista ordenada.

·         <li></li>: Define un elemento que forma parte de la lista.

       ü  Lista Desordenada o No numerada (Unordered List)

·         <ul></ul>: Define el inicio y fin de una lista desordenada.

·         <li></li>: Define un elemento que forma parte de la lista.

Ejemplo:

Resultado:

Browse More Articles

Tweet

Written by Unknown

Blog de Somos Sistemas conformado por estudiantes con deseos de transmitir e intercambiar conocimientos relacionados con tecnología, sistemas e informática.