Ir al contenido principal

Tutorial de HTML (XV)

Un Frame HTML (en castellano “marco”), es una ventana independiente dentro de la propia ventana del navegador. Cada frame tiene sus propios bordes y también sus barras de desplazamiento. Mediante un frame conseguimos dividir la ventana del navegador en varias subventanas independientes entre ellas. Cada una de estas subventanas posee un documento html propio.

Vamos a ver cómo es el cuerpo de un frame y su estructura para posteriormente explicar cada parte del marco. Podemos ver cómo es diferente al tipo de estructura que habíamos visto hasta ahora:


<html>
<head>
<title>Ejemplo de frame.</title>
</head>
<frameset cols="150,100%">
<frame name="indice" src="frame-ejemplo-2.html">
<frame name="principal" src="frame-ejemplo.html">
<noframes>
<p>Si tu navegador no acepta frames, estarás viendo este mensaje. ¡Lo sentimos!</p>
</noframes>
</frameset>
</html>

Lo primero que salta a la vista es que no encontramos la habitual etiqueta html <body>. Ésta es sustituida por <frameset> que indica que esa ventana va a dividirse en diferentes marcos.

Dentro de la etiqueta frameset debemos indicar el número de marcos que van a haber (ya sea en columnas “cols” o en filas “rows”) y el tamaño de cada uno de ellos.

Este tamaño puede asignarse por porcentaje, por números absolutos o sobre el espacio sobrante. Esta forma de tamaño se indica mediante un asterisco y le estamos indicando al marco que coja el espacio sobrante que dejan los demás marcos.

Podemos también colocar un frameset dentro de otro. Es decir, podemos dividir un marco de frameset en otros submarcos. Esto se hace colocando la etiqueta dentro de otra de ellas.

Otra parte destacable de la estructura es <frame>. Como vemos, debemos escribir tantos <frame> como números de éstos hayamos creado en <frameset>. En nuestro caso eran dos, así que hemos escrito dos <frame>.

<frame> tiene dos atributos básicos y obligatorios. El primero es el atributo name, en el que debemos indicar el nombre de cada uno de los marcos. El segundo es la fuente o la dirección del documento html que ocupará dicho <frame>. En nuestro caso, debemos generar tantos archivos html como frames queremos que tenga nuestra página web, siempre con el mismo nombre y guardado en la misma carpeta que nuestro archivo html principal.

Vemos que también hemos escrito la etiqueta <noframes>. Esto es para el supuesto de que el navegador no acepte frames. Es muy poco probable, pues hoy en día casi todos los navegadores los aceptan, pero por si acaso debemos ponerlo. En caso de no aceptarlos, saldrá el texto que hayamos puesto para esos supuestos.

 

 

Tutorial de HTML (XVI)

Comentarios

Publicar un comentario

Entradas populares de este blog

Prácticas con FluidSIM

FluidSim es una herramienta de simulación para la obtención de los conocimientos básicos de la neumática y de la hidráulica.

8. Prácticas con FluidSim

FluidSim es una herramienta de simulación para la obtención de los conocimientos básicos de la neumática y de la hidráulica. Descarga aquí el programa en español Descarga aquí el manual de neumática Descarga aquí el manual de hidráulica   Actividad 1 Representa en FluidSim el siguiente circuito neumático. Describe el cilindro, la válvula y el funcionamiento del circuito.   Actividad 2 Representa en FluidSim el siguiente circuito neumático. Describe el cilindro, la válvula y el funcionamiento del circuito.   Actividad 3 Representa en FluidSim el siguiente circuito neumático. Describe el cilindro, la válvula y el funcionamiento del circuito.   Actividad 4 Representa en FluidSim el siguiente circuito neumático. Describe el cilindro, la válvula y el funcionamiento del circuito.   Actividad 5 Representa en FluidSim el siguiente circuito neumático. Describe el cilindro, la válvula y el funcionamiento del circuito.   Actividad 6 Diseña el siguiente cir...

Electricidad básica con Crocodile Clips

Crocodile Clips es un programa o software de diseño y simulación de circuitos eléctricos, cuyas principales características son su sencillez, rapidez y facilidad para aplicaciones didácticas. DESCARGAR AQUÍ En nuestro nivel utilizaremos este programa para trabajar con circuitos sencillos de corriente continua, orientado fundamentalmente a: Montajes de resistencias en serie. Montajes de resistencias en paralelo. Montajes de circuitos con resistencias en serie, paralelo y mixtas. Comprensión de la Ley de Ohm. Barra de Componentes Es la parte más importante del programa. Con ella podremos agregar y borrar componentes cuando se diseña un circuito. Cuando se pulsa sobre cada uno de los iconos de componentes generales, se despliegan las diferentes opciones a elegir de ese tipo de componentes, pudiendo volver a los componentes generales a través del icono de flecha. El icono que representa un cocodrilo sirve para borrar cualquier componente, incluso el cableado. Pulsan...