Tag HTML frameset
Nota: Si no sabes lo que es un tag y/o cómo se debe utilizar, te recomendamos que leas nuestro tutorial "tags y atributos HTML" que puedes encontrar en nuestra sección de tutoriales HTML.
El tag
HTML frameset (página de marcos) divide el espacio disponible en sub-espacios rectangulares, donde un documento HTML individual puede ser cargado para cada uno mediante el
tag HTML frame. El número de marcos y sus tamaños serán definidos mediante los atributos "rows" y "cols".
A continuación un ejemplo simple divide la pantalla en dos columnas, la primera con 250 pixels de ancho y la segunda con todo el espacio restante.
Comienzo del código
<frameset cols="250,*">
<frame name="primero" noresize="noresize" src="1.html">
<frame name="segundo" noresize="noresize" src="2.html">
</frameset>Fin del código
Existen ilimitadas posibilidades para dividir la pantalla en marcos. Los marcos pueden mezclarse, lo que permite a los autores subdividir cada uno de ellos. Los marcos pueden subdividirse reemplazando una declaración "frame" por una "frameset".
Comienzo del código
<frameset rows="100,*">
<frame name="titulo" noresize="noresize" src="titulo.html">
<frameset cols="150,*>
<frame name="navegacion" noresize="noresize" src="navegacion.html">
<frame name="contenido" noresize="noresize" src="index.html">
</frameset>
</frameset>Fin del código
Y aún hay más posibilidades de subdividir marcos. Por ejemplo, si el archivo "index.html" en el ejemplo anterior fuese una página de marcos, esto crearía nuevas divisiones al marco "content".
El atributo "id" asigna un identificador al elemento asociado. Este identificador debe ser único en el documento y puede ser usado para referirse a ese elemento.
Ejemplo:
Comienzo del código
<p id="parrafo1">Este es el primer párrafo nombrado parrafo1. Para cambiar dinámicamente las propiedades del mismo usa este identificador.</p>
Fin del código
El atributo "class" asigna un nombre de clase (o una lista de nombres de clase separados por espacios) al elemento contenedor. Es usado con hojas de estilos e indica al navegador la clase a la cual el elemento está asociado. Una clase provee atributos visuales para los elementos.
Ejemplo:
Comienzo del código
<p class="referencias">Este artículo está basado en el libro "Viento en los árboles" por Jhon L. Brooks</p>
<p class="referencias importante">Este artículo está basado en el libro "Viento en los árboles" por Jhon L. Brooks... y es más importante que el anterior.</p>
Fin del código
Define un estilo visual para el elemento. Es una mejor práctica definir atributos en hojas de estilos externas agrupándolos en clases. Los atributos en el parámetro "style" deben preservar este orden "nombre : valor" y ser separados por un punto y coma.
Si estás escribiendo
código XHTML te recomendamos no utilizar este atributo y probar con las clases de hojas de estilo (con el atributo "class").
Ejemplo:
Comienzo del código
<p style="color: #0000FF; font-size: 12pt">Este es un párrafo con un estilo definido</p>
<p>Y este es otro texto sin estilo.</p>
Fin del código
Indica un título para el elemento. Usado para dar una descripción acerca del elemento que es usualmente mostrado como un "tool tip" cuando el usuario pone el puntero del mouse sobre el elemento.
Ejemplo:
| Código |
Visualización |
|
<a title="HTMLQuick.com" href="http://www.htmlquick.com">Código HTML</a> |
Código HTML |
Define una lista separada por comas donde cada valor establece el alto de un marco. El número de filas (marcos) será igual al número de elementos en esta lista.
Define una lista separada por comas donde cada valor establece el ancho de un marco. El número de columnas (marcos) será igual al número de elementos en esta lista.
Lista completa e información acerca de
eventos en HTML
