Tema 4 Lenguaje HTML Parte 4 Lic Claudia
- Slides: 21
Tema 4 Lenguaje HTML Parte 4 Lic. Claudia Román F.
Marcos (frames)
TARGET • Este atributo permite crear enlaces y su función es indicar el objetivo en el que se debe cargar la página. <A HREF="URL" TARGET="nombre_ventana">. . . </A>
Ejemplo de uso de target
La etiqueta BASE • En los hipervínculos se puede utilizar la dirección relativa (se asume que el archivo al que se vincula está en la misma carpeta). • <A HREF="pag. html"> • . . . • </A> • Una segunda forma para enlazar esta misma página es poniendo la dirección completa (URL). • <A HREF="http: //freek. futurnet. es/varios/pag. htm"> • . . . • </A>
• La dirección que es añadida a las direcciones relativas para obtener la dirección completa recibe el nombre de dirección base. • La etiqueta BASE permitirá cambiar esa dirección base, pudiendo 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 (HEAD). <HEAD> <BASE HREF="http: //www. tiendaonline. com/index. htm"> </HEAD>
Uso de frames
Documento de definición de frames
División en columnas • Se usará el atributo COLS de la etiqueta FRAMESET, que toma como valores separados por comas el ancho de los diferentes frames: <FRAMESET COLS="ancho_col 1, ancho_col 2, . . "> Especificar el ancho en porcentajes No se tiene un límite, lo recomendable es tener máximo 4 columnas. <FRAMESET COLS="20%, 80%">
División en columnas • Especificar el ancho en pixeles • Se puede definir el ancho de las columnas en pixeles directamente. Ya que existen resoluciones de pantalla distintas se utiliza el * para que use todo el espacio sobrante para ese frame. <FRAMESET COLS="100, 300, *">
División en columnas • Se pueden combinar los métodos: <FRAMESET COLS="100, *, *"> <FRAMESET COLS="200, 2*, *"> <FRAMESET COLS="100, 50%, *">
División en filas • Se utiliza el atributo ROWS. <FRAMESET ROWS="alto_fila 1, alto_fila 2, . . . "> • El uso de tamaños relativos o del asterisco (*) es más usual. <FRAMESET ROWS="200, *, 100"> <FRAMESET ROWS="15%, *, 3*">
División en columnas y filas • Los atributos COLS y ROWS pueden ser usados simultáneamente en una misma etiqueta FRAMESET. • Cada una de las filas definidas por ROWS es subdividida en el número de columnas que indica COLS.
Ejemplo • <FRAMESET COLS="*, *" ROWS="*, *">
La etiqueta FRAME • Es usada para insertar el contenido en las filas o columnas. • Debe ser usada en cada una de las divisiones creadas con el atributo SRC, que servirá para indicar el documento HTML donde se encuentre el contenido a insertar en esa división. • Con el atributo NAME se dará un nombre al frame para poder referirse a él con el atributo TARGET. <FRAME SRC="docum. htm“ NAME="primer_frame"> • Si posteriormente se va a crear un enlace a este frame desde otro de la misma página habrá que escribir: <A HREF="otro. htm“ TARGET="primer_frame">
Atributos de la etiqueta FRAME • SCROLLING: Este atributo controla la aparición o no de barras de desplazamiento. Los valores del atributo son: • "auto": Es el valor por defecto y provoca que el navegador sólo inserte barras de desplazamiento si el contenido del frame ocupa más del espacio dedicado para él. • "yes": Las barras de desplazamiento aparecerán siempre. • "no": Las barras de desplazamiento no aparecerán nunca.
Atributos de la etiqueta FRAME • NORESIZE: este atributo evita rque el borde de ese frame pueda ser movido. Es necesario notar que este atributo no toma ningún valor. • MARGINHEIGHT: Ajusta el margen superior que debe respetar el contenido de ese frame. El tamaño debe ser dado en pixeles. • MARGINWIDTH: Ajusta el margen lateral que debe respetar el contenido del frame. El margen debe ser dado en pixeles.
Cambio de los bordes del marco • Atributo BORDERCOLOR. Permite definir el color del borde. • Atributo FRAMEBORDER. Permite activar y desactivar los bordes (YES, NO). Ejemplo: <FRAMEBORDER=YES BORDERCOLOR=blue SRC=“derecha. html”>
Framesets más utilizados
Ejemplo • Crear el documento de definición de frames. • Crear los archivos izquierdo. html y derecho. html