| Manual HTML |
Parte1 (Ir)
Conceptos y definiciones
Programas para utilizarlo
Etiquetas básicas
Hipervínculos o links:
Existen cuatro tipos de links: internos, externos, a e-mails y a marcadores.
Internos: Este tipo de links son dirigidos a páginas o archivos dentro del mismo sitio.
Externos: Este otro tipo de link es dirigido a una página fuera del mismo sitio.
A e-mails: Es posible colocar un link a un e-mail. Al activarlo se abrirá su programa de correo electrónico predeterminado.
A marcadores: Un marcador es una ubicación dentro de la página que es utilizado para ser referente de un link. Esto quiere decir que al haber puesto un marcador en una página, luego es posible colocar un link desde esa página hacia ese marcador, de modo que el link vaya a alguna ubicación dentro de la misma página.
Las etiquetas: Para páginas o archivos es la siguiente: <a href="dirección*"> Palabra disparadora* </a>, donde dirección* es la dirección Web o marcador al que se refiere el link; y Palabra disparadora*, la palabra que aparecerá como activadora del link.
Ejemplos: <a href="http://www.ebahia.net"> E-Bahia </a> Aparecerá como: E-Bahia Esto es un ejemplo de link interno ya que el mismo está dirigido a la página de inicio de este sitio.
<a href="http://www.hotmail.com"> Correo-e </a> Aparecerá como: Correo-e Este es un ejemplo de link externo ya que está dirigido a una página fuera de este sitio.
Para e-mails es la siguiente: <a href="mailito: e-mail*> Palabra disparadora*</a>, donde e-mail* es la dirección de correo electrónico.
<a href="#principio"> Principio </a> Aparecerá como: Principio El # indica que la dirección refiere a un marcador dentro de la página y principio es el nombre del marcador. Para insertar un marcador la etiqueta necesaria es <a name="nombre*">Palabra*</a>, donde nombre* es el nombre del marcador; y Palabra* es la palabra que aparecerá en la ubicación del marcador, esta no es necesaria, simplemente se puede dejar ese espacio sin nada.
Inserción: La etiqueta necesaria para insertar una imagen es <img src="archivo*">, donde archivo* es la ubicación del archivo de la foto. Es importante considerar que si el archivo de la imagen no se encuentra en el mismo directorio que el archivo de la página Web, es necesario escribir en archivo* el destino correcto. Ejemplo: Suponiendo que el archivo de la imagen (llamado imagen1.jpg) se encuentre en un subdirectorio (llamado carpeta1) dentro del directorio donde se encuentra el archivo de la página la etiqueta sería: <img src="/carpeta1/imagen1.jpg">.
En caso de que el archivo de la imagen (llamado imagen2.jpg) esté en una directorio superior al del archivo de la página será necesario colocar un /../ en archivo*. Ejemplo: <img src="/../imagen2.jpg>
Imagen como fondo: Para establecer una imagen como fondo de la página Web es necesario usar la etiqueta: <BACKGROUND="archivo*">, donde archivo* es el nombre del archivo de la imagen. En caso de que haya puesto un color de fondo la imagen remplazará dicho color.
Link desde una imagen: Para usar una imagen como Palabra disparadora* de un link se debe usar la etiqueta <img src="archivo*"> en el lugar de la palabra disparadora. De modo que quedaría de esta manera: <a href="dirección*"> <img src="archivo*"> </a>.
IMPORTANTE: Es importante tener en cuenta que las imágenes .bmp son demasiado pesadas y tardan mucho en descargarse, es por eso que se recomiendan que sean en formato .jpg, .gif o .png. Otro asunto importante a tener en cuenta es que el archivo debe tener siempre la extensión.
Es posible colocar un sonido de fondo a una página Web. Para ello es necesario utilizar la etiqueta <bgsound src="archivo*">, donde archivo* es el nombre del archivo de sonido a utilizar. Es IMPORTANTE tener en cuenta que esta etiqueta debe colocarse dentro de la etiqueta <head>. Se recomienda la utilización de archivos MIDI para esto ya que otros pueden ser muy pesados.
Descargas o downloads:
Una descarga o download es la adquisición de cierto archivo disponible en un sitio o página Web. Para realizar esto se debe realizar un link interno a un archivo usando la etiqueta para esto dispuesta anteriormente (<a href="archivo*"> Palabra disparadora</a>). En caso de que el archivo al cual se realiza el link no sea una imagen o página Web, el explorador abrirá una ventana preguntando si se acepta la descarga del archivo en cuestión.
Este manual está registrado y su reproducción o publicación están penadas por la ley. Para más información referirse a información de copyrigth.
Si todavía tiene alguna duda sobre los temas tratados de HTML básico llene el formulario de abajo y nos comunicaremos con usted para que reciba la información o el lugar donde encontrarla.