Frames - Asignación de medidas en píxeles
¿ Qué es HTML? Estructura interna Salto de línea Párrafo Títulos Enfasis Hipervínculo a otra página Hipervínculo a otro sitio WEB Imágenes en una página Hipervínculo en una imagen Apertura de un hipervínculo en otra instancia del navegador Enlace a un correo Anclas en la misma página Anclas en la otra página Lista ordenada Lista no ordenada Lista de definiciones Listas anidadas Tablas Tabla con encabezado Tabla con título Combinación de celdas Titulo de la pagina Contenido de la cabecera Comentarios en una página Caracteres especiales Formulario form Formulario input Formulario texarea Formulario checkbox Formulario radio Formulario Select 1 Formulario Select 2 Formulario Select 3 Formulario Button Formulario Button 2 Formulario type= Formulario - input type= Formulario - agrupamiento de controles Formulario - controles con valores iniciales Formulario - orden de foco de controles Formulario - Inhabilitar controles Formulario - Text/password y maxlength Formulario - text/password/textarea y readonly Formulario - Envío de datos mediante mail Formulario - label Frames Actualización de un frame Frames - Medidas Frames - propiedades Frames - Anidamiento iframes Declaración DOCTYPE HTML Transitional DOCTYPE. HTML Estricto DOCTYPE. para Frames Validación de enlaces Conceptos hojas de estilo Texto en CSS Elementos div y span Fuentes con CSS Elementos obsoletos de html

Frames - Propiedades del elemento frame

Aparte de la creación de los marcos propiamente dicha, existen muchos atributos con los que configurar su apariencia. Para ello, tanto la etiqueta <frameset> como <frame> admiten diversos atributos que permiten especificar la forma de elementos como los bordes de los frames, el margen, la existencia o no de barras de desplazamiento, etc.

Hasta hora hemos utilizado y definido las propiedades para la marca de inicio del elemento frame:

  • src  se utiliza para especificar la URL del documento que se utiliza para mostrar en el marco . Valores de atributo: contiene una URL de valor único que especifica la fuente del documento. El posible valor de la URL es: URL absoluta: apunta a otro sitio web
  • name que define el nombre de un frame este atributo están obsoletos en HTML5.

Otras propiedades que pasaremos a ver, comprender y probar su funcionamiento son:

  • noresize Esta propiedad no requiere que se le asigne un valor. Si se encuentra presente el frame no podrá ser redimensionado con el mouse por el visitante del sitio. Por ejemplo si disponemos un menú de enlaces en un frame ubicado a la izquierda es muy probable que definamos la propiedad noresize ya que poca utilidad tiene agrandar o contraer esta región de pantalla.
  • frameborder Esta propiedad puede tomar los valores 1 o 0. Por defecto un frame aparece con borde es decir esta propiedad por defecto tiene el valor 1. Si queremos que el borde no aparezca debemos inicializarla con 0. Hay que tener en cuenta que por más que los bordes no existan si se puede redimensionar el frame con el mouse.
  • scrolling Los valores posibles de esta propiedad son: "auto","yes","no". Por defecto está inicializada con el valor "auto". El valor auto significa que el navegador decide si se debe mostrar la barra de scroll. La mostrará solo si algún contenido del frame no se ve. Si definimos el valor "yes" estamos indicando que siempre debe estar visible la barra de navegación y por último si asignamos el valor "no" estaremos indicando que nunca debe aparecer la barra de navegación para dicho frame.

Resolvamos el siguiente problema:

Confeccionar una ventana con dos frame verticales. No permitir redimensionarlos y no mostrar el borde de los frames. Hacer que el frame de la derecha siempre muestre la barra de desplazamiento.

<html>
<head>
<title>prueba de frames</title>
</head>
<frameset cols="200,*">
<frame src="pagin2.html" frameborder="0" noresize>
<frame src="pagin3.html" frameborder="0" scrolling="yes"
noresize>
<noframes>
<p>El navegador no soporta frames</p>
</noframes>
</frameset>
</html>

pagina2.html

<html>
<head>
<title>prueba de frames</title>
</head>
<body>
<h1>Página A</h1>
<h1>Página A</h1>
<h1>Página A</h1>
<h1>Página A</h1>
<h1>Página A</h1>
<h1Página A</h1>
</body> </html>

pagina3.html

<html>
<head>
<title>prueba de frames</title>
</head>
<body>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
</body>
</html>
Ver ejemplo