Curso completo de HTML - La etiqueta BASE
(126 opiniones)
Curso gratis de
Jorge Ferrer, Víctor García y Rodrigo García - 23 de Febrero de 2006
Cuando en el capítulo 2 aprendimos a crear enlaces vimos que había dos formas de especificar la dirección de destino. La primera era poniendo la dirección relativa. Por ejemplo, desde un archivo llamado index.htm situado en freek.futurnet.es podríamos enlazar una página llamada pag.htm y situada en el directorio varios usando el código:
<A HREF="varios/pag.htm">
...
</A>
|
Una segunda forma para enlazar esta misma página era poniendo la dirección completa (URL) de Internet, siguiendo con el ejemplo anterior debemos usar el siguiente código:
<A HREF="http://freek.futurnet.es/varios/pag.htm">
...
</A>
|
Comparando los dos ejemplos anteriores podemos deducir que cuando ponemos una dirección relativa el navegador le añade la dirección completa (exceptuando el nombre del archivo) de la página actual. Es decir, al usar en este caso la dirección relativa, el navegador ve que la página actual está en freek.futurnet.es y se lo añade a la dirección relativa para obtener una dirección absoluta. Esta dirección que es añadida a las direcciones relativas para obtener la dirección completa recibe el nombre de dirección base, y en todos los casos que hemos visto hasta ahora la dirección base coincidía con la dirección de la página actual.
Pues bien, la etiqueta BASE nos permitirá cambiar esa dirección base, y ahora podremos elegir cualquier dirección del WWW como base para todos los enlaces con direcciones relativas de la página. Esta etiqueta debe ser usada en la cabecera del documento, entre <HEAD> y </HEAD>, dado que afectará a todo este. Para especificar la dirección se usará un atributo llamado HREF . Veamos un ejemplo, si queremos poner como dirección base de un documento HTML la dirección freek.jorgeferrer.com debemos escribir:
<HEAD>
...Más código...
<BASE HREF="http://freek.jorgeferrer.com/">
</HEAD>
|
O bien:
<HEAD>
...Más código...
<
BASE HREF="http://freek.jorgeferrer.com/index.htm"
>
</HEAD>
|
En la figura 8.5 podemos ver la diferencia entre usar y no usar BASE y como afecta ello al significado de una dirección relativa.
Figura 8.5. Variando la dirección de base con la etiqueta BASE variará el significado de las direcciones relativas.
|
Las direcciones que pongamos como valor del atributo HREF de la etiqueta BASE deben ser siempre absolutas (completas). |
Es importante resaltar que aunque en todos los ejemplos que hemos puesto hasta ahora sólo hemos considerado los enlaces hipertexto la dirección base afecta a todas aquellas etiquetas en las que debemos especificar una dirección y podemos hacerlo de forma relativa, como por ejemplo en las imágenes. Por ejemplo si usamos BASE como hemos indicado en el código anterior y posteriormente insertamos una imagen con el código:
<IMG SRC="imagen.gif">
|
Esta imagen debe estar en freek.jorgeferrer.com/imagen.gif y no en el mismo directorio que la página actual como sucedía hasta ahora cuando no usábamos la etiqueta BASE.
|
La etiqueta BASE existe desde la primera versión del estándar HTML: el HTML 2.0. Sin embargo hemos preferido no comentarla hasta ahora porque, como enseguida veremos, es con los frames donde realmente su uso es importante, casi imprescindible. |
La pregunta que quizá nos hagamos ahora es ¿para qué puede servirnos cambiar la dirección base?. Puede haber diversas causas, por ejemplo existe la posibilidad de que tengamos nuestra página principal en un servidor, pero el resto de las páginas y enlaces en otro o simplemente que estén todas en otro directorio. En ambos casos podemos ahorrarnos poner el otro servidor o directorio especificándolo como dirección base.
Sin duda esta forma de usar la etiqueta BASE puede llegar a ser útil, pero cuando se convierte en imprescindible es al usar un segundo atributo: TARGET. Hemos visto un poco antes que cuando trabajamos con páginas con varios frames se puede incluir el atributo TARGET en los enlaces para indicar el frame en el que debe mostrarse la página enlazada. Pues bien usando este mismo atributo en la etiqueta BASE lo que conseguimos es establecer el frame base donde se mostrará la página enlazada cuando pulsemos uno de los enlaces del frame actual. ¿Porqué es esto tan útil? Lo entenderemos un poco mejor en cuanto empecemos a trabajar con frames, pero podemos adelantar un caso en el que su utilidad resulta obvia. En la figura 8.6 vemos un ejemplo simple pero que ilustra lo que queremos a la perfección:
Figura 8.6. En este Web pulsando sobre los enlaces del frame izquierdo nos movemos por los diferentes temas del frame derecho.
La página contiene una serie de enlaces organizados por temas y está dividida en dos frames. En el frame de la izquierda hay un listado de los diferentes temas y en el de la derecha los enlaces en sí. Pulsando sobre los temas del frame izquierdo se muestran los enlaces de ese tema en el frame derecho. En este caso es claro que todas las páginas a las que apuntan los enlaces deben ser mostradas en el frame derecho y por tanto lo más cómodo (y así es como está hecho en realidad) es usar (suponiendo que el nombre del frame derecho es derecho ):
<BASE TARGET="derecho">
|
En el código del frame de la izquierda, con lo que nos ahorramos usar el atributo TARGET en cada uno de sus enlaces.
Ya hemos aprendido todo lo necesario para comenzar con la construcción de páginas con frames, así que sin perder más tiempo pasamos ya a estudiar las etiquetas del lenguaje HTML que debemos usar.
- 1 - Introducción al lenguaje HTML
- 2 - Primeros pasos con HTML
- 3 - Parrafos en HTML
- 4 - Cómo insertar imagenes en una pagina
- 5 - Cómo crear enlaces hipertexto
- 6 - PRÁCTICA 1: La pagina web de "La chistera"
- 7 - Anclas (I)
- 8 - Anclas (II)
- 9 - Formato de texto
- 10 - La etiqueta FONT
- 11 - Texto preformateado
- 12 - Acentos y otros caracteres especiales
- 13 - Listas en HTML (I)
- 14 - Listas en HTML (II)
- 15 - Comentarios en HTML
- 16 - Practica 2: Un sitio web completo
- 17 - Usando color en el WWW
- 18 - Cómo cambiar la apariencia de una pagina
- 19 - Imagenes en las paginas Web (I)
- 20 - Imagenes en las paginas Web (II)
- 21 - Imagenes en las paginas Web (III)
- 22 - Cómo cambiar la apariencia de las imagenes
- 23 - Alternativas a las imagenes inline (I)
- 24 - Alternativas a las imagenes inline (II)
- 25 - Mejoras en las imagenes
- 26 - Cómo se crea una tabla HTML (I)
- 27 - Cómo se crea una tabla HTML (II)
- 28 - Alineamiento de tablas
- 29 - Alineamiento de celdas y filas
- 30 - Ancho de tablas y celdas
- 31 - Celdas que abarcan varias filas o columnas
- 32 - Margenes y separación de celdas
- 33 - Anidamiento
- 34 - Practica 3 - Tabla de Datos
- 35 - Practica 4 - Pagina Web con una estructura creada con tablas
- 36 - Practica 4 - Pagina Web con una estructura creada con tablas
- 37 - Practica 4 - Pagina Web con una estructura creada con tablas
- 38 - Estandares y extensiones del lenguaje HTML (I)
- 39 - Estandares y extensiones del lenguaje HTML (II)
- 40 - Extensiones a las listas (I)
- 41 - Extensiones a las listas (II)
- 42 - Alineamiento
- 43 - La etiqueta META
- 44 - Otras etiquetas del lenguaje HTML 3.2
- 45 - El atributo TARGET
- 46 - La etiqueta BASE
- 47 - Creación de paginas con frames
- 48 - Creación del documento de definición de frames (I)
- 49 - Creación del documento de definición de frames (II)
- 50 - Pagina completa con frames
- 51 - Atributos de la etiqueta FRAME
- 52 - Compatibilidad: NOFRAME
- 53 - Anidamiento de framesets
- 54 - Bordes de los frames
- 55 - Valores especiales del atributo TARGET
- 56 - Practica 5: Web de Los Alpes con frames
- 57 - Frames flotantes
- 58 - Sonido vídeo y otros ficheros externos
- 59 - Multimedia Inline (I)
- 60 - Multimedia Inline (I)
- 61 - Plug-ins y objetos incrustados
- 62 - Java en las Paginas Web
- 63 - Inserción de Applets Java (I)
- 64 - Inserción de Applets Java (II)
- 65 - Inserción de Applets Java (III)
- 66 - ActiveX, la tecnología del futuro
- 67 - Formularios en HTML
- 68 - Controles de Formularios (I)
- 69 - Controles de Formularios (II)
- 70 - Controles de Formularios (III)
- 71 - Controles de Formularios (IV)
- 72 - Otros controles
- 73 - Practica 6-Formulario para "Los Alpes"
- 74 - COMO USAR LOS DATOS DE UN FORMULARIO
- 75 - Envío De Ficheros Usando Formularios
|
Wikis relacionados con 'Curso completo de HTML - La etiqueta BASE'
