Capitulos de este wiki

Inicio

1 ¿Por qué un manual de HTML para recién llegados?
2 Introducción a la creación de paginas web
3 Antes de empezar
4 Introducción
5 Anatomía de un documento HTML
6 Nuestra primera pagina web
7 Estructurando el contenido: listas
8 Formato del texto
9 Dando formato al texto sin hojas de estilo
10 Imagenes
11 Enlaces
12 Tablas (I)
13 Tablas (II)
14 Formularios (I)
15 Formularios (II)
16 Marcos (frames)
17 Controlando los marcos (atributos)
18 Marcos interiores (in-line frames o iframes)
19 Ayuda con los Frames

Manual de HTML para principiantes - Controlando los marcos (atributos)

17 - Controlando los marcos (atributos)

**MARCOS SIN BORDES**---El problema para establecer los marcos sin bordes es que cada navegador implementa esta característica un poco como le da la gana. Y así nos encontramos con varios atributos posibles para lograr el mismo efecto y que no siempre funcionan bien. ¿Qué hay que hacer? Pues poner los atributos necesarios para que todos los navegadores muestren los marcos sin bordes, aunque sean redundantes. ------**En Netscape: **border="0" en el primer frameset. (también funciona en las últimas versiones de Explorer).------**En Explorer: **frameborder="0" y framespacing="0", también en el primer frame set.------Sólo utilizando los tres atributos a la vez estaremos seguros de que los marcos se muestran sin bordes, al menos en estos dos navegadores.

@@||  **Código:**  ||
||  &lt;html&gt;---&lt;head&gt;---&lt;title&gt;pagina con dos filas&lt;/title&gt;---&lt;/head&gt;---&lt;frameset rows="20%, *" border="0" frameborder="0" y framespacing="0"&gt; ---&lt;frame src="superior.html" name="superior"&gt;---    &lt;frameset cols="15%, *"&gt;---      &lt;frame src="izqda.html" name="izqda"&gt;---      &lt;frame src="dcha.html" name="dcha"&gt;---&lt;/frameset&gt;---&lt;/frameset&gt;---&lt;noframes&gt; ---&lt;/html&gt;  ||
@@

------**ATRIBUTOS DE LA ETIQUETA FRAMESET**---La etiqueta FRAMESET, como hemos visto, es la que define la distribución, el número y tamaño de los frames. Además de los atributos: COLS (columnas) y ROWS (filas), podemos establecer otros.------**border="número de pixels": **te permite establecer el número de pixels que deben tener los bordes de los marcos, de todos a la vez. Si defines el borde en el primer frameset, todos los bordes de los marcos tomarán ese valor. Si defines el borde en un frameset anidado, sólo ese frameset y los anidados dentro de él tomarán ese valor, pero no los frameset "padres". Veamos un ejemplo

@@||  **Código:**  ||
||  &lt;html&gt;---&lt;head&gt;---&lt;title&gt;pagina con dos filas&lt;/title&gt;---&lt;/head&gt;---&lt;frameset rows="20%, *" border="15"&gt;---&lt;frame src="superior.html" name="superior"&gt;---    &lt;frameset cols="15%, *"&gt;---      &lt;frame src="izqda.html" name="izqda"&gt;---      &lt;frame src="dcha.html" name="dcha"&gt;---&lt;/frameset&gt;---&lt;/frameset&gt;---&lt;noframes&gt; ---&lt;/html&gt;  ||
@@

---En este ejemplo, hemos definido un borde de 15 píxeles en el primer frameset y nada en el frameset anidado, este es el resultado.

@@||  **Código:**  ||
||  &lt;html&gt;---&lt;head&gt;---&lt;title&gt;pagina con dos filas&lt;/title&gt;---&lt;/head&gt;---&lt;frameset rows="20%, *"&gt;---&lt;frame src="superior.html" name="superior"&gt;---    &lt;frameset cols="15%, *" border="15"&gt;---      &lt;frame src="izqda.html" name="izqda"&gt;---      &lt;frame src="dcha.html" name="dcha"&gt;---&lt;/frameset&gt;---&lt;/frameset&gt;---&lt;noframes&gt; ---&lt;/html&gt;  ||
@@

---En este otro ejemplo, hemos definido un borde de 15 píxeles en el frameset anidado y nada en el frameset principal, este es el resultado.

@@||  **Código:**  ||
||  &lt;html&gt;---&lt;head&gt;---&lt;title&gt;pagina con dos filas&lt;/title&gt;---&lt;/head&gt;---&lt;frameset rows="20%, *"  border="5"&gt;---&lt;frame src="superior.html" name="superior"&gt;---    &lt;frameset cols="15%, *"  border="25"&gt;---      &lt;frame src="izqda.html" name="izqda"&gt;---      &lt;frame src="dcha.html" name="dcha"&gt;---&lt;/frameset&gt;---&lt;/frameset&gt;---&lt;noframes&gt; ---&lt;/html&gt;  ||
@@

---En este tercer ejemplo hemos definido un borde en el primer frameset y otro, mucho más ancho en el frameset anidado, este es el resultado; como podéis ver, el frame anidado tiene el mismo borde que el frameset principal, a pesar de que le hemos asignado un valor diferente.------**bordercolor="#rrggbb" **Nos permite definir un color para los bordes, su comportamiento respecto a dónde definimos el color, es el mismo que en el caso anterior para la anchura del borde.

@@||  **Código:**  ||
||  &lt;html&gt;---&lt;head&gt;---&lt;title&gt;pagina con dos filas&lt;/title&gt;---&lt;/head&gt;---&lt;frameset rows="20%, *"  border="15" bordercolor="#ffcc00" &gt;---&lt;frame src="superior.html" name="superior"&gt;---    &lt;frameset cols="15%, *"&gt;---      &lt;frame src="izqda.html" name="izqda"&gt;---      &lt;frame src="dcha.html" name="dcha"&gt;---&lt;/frameset&gt;---&lt;/frameset&gt;---&lt;noframes&gt; ---&lt;/html&gt;  ||
@@

---En este ejemplo, hemos definido un borde de 15 píxeles en el primer frameset con un color mostaza para el borde,

este es el resultado.------****

**ATRIBUTOS DE LA ETIQUETA FRAME**---**scrolling="yes|no|auto" **Sirve para determinar si queremos que haya barra de desplazamiento o que no la haya. La barra de desplazamiento aparece por defecto cuando es necesaria. Veamos los tres posibles valores:

**yes**: Aparece siempre, haga falta o no.------**auto**: Aparece sólo si es necesaria (es el valor por defecto si no establecemos nada.------**No**: No aparece en ningún caso, aunque parte del contenido se quede fuera de la pantalla.

------¿Os acordáis de la biblioteca virtual que veíamos en el tema anterior? En nuestro menú de autores no aparecía una barra de scroll porque no era necesario. Ahora vamos a modificar ese archivo para que la barra de scroll aparezca pese a no ser necesaria.

@@||  **Código:**  ||
||  &lt;!DOCTYPE html---PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"---"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"&gt;---&lt;html&gt;---&lt;head&gt;---&lt;title&gt;mi pagina con frames&lt;/title&gt;---&lt;/head&gt;---&lt;frameset cols="20%, 80%" scrolling="yes" &gt;---&lt;frame src="menu.html" name="menu" scrolling="yes"&gt;---&lt;frame src="presentacion.html" name="principal"&gt;---&lt;/frameset&gt;---&lt;noframes&gt;---Nuestra página no puede verse con el navegador que usted está utilizando, póngase en contacto con nuestro servicio de atención al cliente en clientes@empresa.com y le daremos toda la información que precise. ---&lt;/noframes&gt;---&lt;/html&gt;  ||
@@

------**marginwidth="número de pixels": **Establecemos un margen para nuestro marco. Este margen se aplica al contenido de la página que aparece en ese marco. Si lo ponemos a 0 aparecerá pegado al borde del marco. ---**marginheight="número de pixels" **: Igual que el anterior, pero para el margen vertical.

@@||  **Código:**  ||
||  &lt;!DOCTYPE html---PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"---"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"&gt;---&lt;html&gt;---&lt;head&gt;---&lt;title&gt;mi pagina con frames&lt;/title&gt;---&lt;/head&gt;---&lt;frameset cols="20%, 80%" scrolling="yes"&gt;---&lt;frame src="menu.html" name="menu" scrolling="yes" marginwidth="30"  marginwidth="0"&gt;---&lt;frame src="presentacion.html" name="principal" marginheight="40"&gt;---&lt;/frameset&gt;---&lt;noframes&gt;---Nuestra página no puede verse con el navegador que usted está utilizando, póngase en contacto con nuestro servicio de atención al cliente en clientes@empresa.com y le daremos toda la información que precise. ---&lt;/noframes&gt;---&lt;/html&gt;  ||
@@

------**noresize:** Es posible que os hayáis fijado (y si no hacedlo ahora) en que los bordes de los marcos se pueden mover. Simplemente hay que hacer click sobre el borde el marco y arrastrarlo hacia donde queramos. Con el atributo noresize se elimina esta posibilidad y los marcos quedan fijos en su sitio.

@@||  **Código:**  ||
||  &lt;!DOCTYPE html---PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"---"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"&gt;---&lt;html&gt;---&lt;head&gt;---&lt;title&gt;mi pagina con frames&lt;/title&gt;---&lt;/head&gt;---&lt;frameset cols="20%, 80%"&gt;---&lt;frame src="menu.html" name="menu" noresize&gt;---&lt;frame src="presentacion.html" name="principal" noresize&gt;---&lt;/frameset&gt;---&lt;noframes&gt;---Nuestra página no puede verse con el navegador que usted está utilizando, póngase en contacto con nuestro servicio de atención al cliente en clientes@empresa.com y le daremos toda la información que precise. ---&lt;/noframes&gt;---&lt;/html&gt;  ||
@@

------**bordercolor="#rrggbb": **Nos perrmite especificar individualmente el color del borde de cada marco.

@@||  **Código:**  ||
||  &lt;html&gt;---&lt;head&gt;---&lt;title&gt;pagina con dos filas&lt;/title&gt;---&lt;/head&gt;---&lt;frameset rows="20%, *"&gt;---&lt;frame src="superior.html" name="superior" bordercolor="#CC00FF"&gt;---    &lt;frameset cols="15%, *"&gt;---      &lt;frame src="izqda.html" name="izqda" bordercolor="#ffcc00" &gt;---      &lt;frame src="dcha.html" name="dcha"&gt;---&lt;/frameset&gt;---&lt;/frameset&gt;---&lt;noframes&gt; ---&lt;/html&gt;  ||
@@

Añade una nota a tu edición que explique en qué consisten tus cambios:

Opinar
31 opiniones

manual HTML

verifivacar que tan bueno es este curso

www.poderparavencer.com

explendido

T.T

necesito crear una pagina web para aprobar programacion... ayuda!!!

enlases pagina web

porfis ehenme la mano para hacer mi pagina web

enlases

no de como hacer uno para empesar que sea de lo mas sencillo plis

1 2 3 4 5 6 7 | siguiente >

Tutoriales relacionados con 'Manual de HTML para principiantes'

Manual de HTML para principiantes

¿Quieres hacerte una página web y no sabes ni por dónde empezar? Aquí tienes lo... Más »

Edición Estructurada en Emacs

El principal objetivo es introducir y discutir el modo principal[2] PSGML de Emacs y las... Más »

CSS - Hojas de estilo

Con CSS puedes formatear tus páginas web separando completamente el contenido de la presentación. Es... Más »

Completo tutorial de ASP

ASP (Active Server Pages) es la tecnología para la creación de páginas dinámicas del lado... Más »

Cómo convertirse en hacker

El Jargon File contiene un montón de definiciones del termino "hacker", la mayoría basadas en... Más »

Anuncios Google

Autor y licencia de 'Manual de HTML para principiantes'

Tutorial de t0m|ta. Extraido de: http://www.tomatoma.ws/manuales.php CopyLeft

Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.

Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.