14 Nov Por una vez hagamos la excepción… juguemos con frameset
Posted at 22:32h in Tutorial HTML gratuito. Aprende a estructurar tus páginas web., Ejercicios HTML 2 Comments
En este ejercicio vamos a practicar con la etiqueta <frameset> y <frame/>
Para poder realizar el ejercicio es necesario saber
- Encapsular (anidar) etiquetas correctamente.
- Usar las etiquetas frameset.
- Saber usar el doctype y estructura web correspondiente.
Pasemos al ejercicio.
Enunciado
Mediante el uso adecuado de la etiqueta <framesets> de html y siguiendo la imagen a continuación haz que cada sección muestre las páginas web especificadas.
- verde, ancho del 100% y muestra wikipedia.org
- rosa, ancho del 25% y muestra fcb.com
- carne, ancho del 75% y muestra archive.org
- azul, ancho del 50% y muestra lycos.com
- marrón, ancho del 25% y muestra creativecommons.org
Solución del ejercicio
Es muy importante recordar que la estructura web debe prescindir de la etiqueta <body>.
Además es muy importante saber anidar correctamente las etiquetas.
El código resultante es siguiente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Solución ejercicio frameset</title>
</head>
<frameset rows="25%,*">
<frame src="https://www.wikipedia.org/"/>
<frameset cols="25%,*">
<frame src="http://fcb.com/"/>
<frameset rows="50%,*">
<frame src="https://archive.org/"/>
<frameset cols="67%,*">
<frame src="https://lycos.com"/>
<frame src="https://creativecommons.org/"/>
</frameset>
</frameset>
</frameset>
</frameset>
</html>
¡Hola!
Querido lector,
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
Entradas relacionadas:
Enlaces en html: la etiqueta a
La web sería muy distinta a como la conocemos hoy de no ser por Tim Berners-Lee y la invención en 1989 de la etiqueta enlace. El hipervínculo hizo posible incorporar a documentos estructurados y marca...
La web sería muy distinta a como la conocemos hoy de no ser por Tim Berners-Lee y la invención en 1989 de la etiqueta enlace. El hipervínculo hizo posible incorporar a documentos estructurados y marca...
Ejercicio avanzado mapa de imagen html
Ejercicio sobre mapa de imagen con areas inertes y ligeramente más complicado que los anteriores. Incluye solución.
Ejercicio sobre mapa de imagen con areas inertes y ligeramente más complicado que los anteriores. Incluye solución.
Ejercicios resueltos sobre listas anidadas (encapsuladas) de html
3 ejercicios sobre listas anidadas en dificultad creciente. Incluye soluciones. ¿Te atreves a resolverlos a bolígrafo y papel?
3 ejercicios sobre listas anidadas en dificultad creciente. Incluye soluciones. ¿Te atreves a resolverlos a bolígrafo y papel?
Resumen de como comentar código en html, css y javascript
En las fases iniciales de aprender html, css y javascript nos vemos abrumados por tanta información. Con la entrada de hoy hacemos un resumen sobre como comentar código en los principales lenguajes de...
En las fases iniciales de aprender html, css y javascript nos vemos abrumados por tanta información. Con la entrada de hoy hacemos un resumen sobre como comentar código en los principales lenguajes de...
Ejemplo de creación de página web con capas y migración a HTML5
El lenguaje de marcas sirve para dotar de estructura y contenido a un documento web. Mediante la etiqueta div veremos un ejemplo de como dotar de estructura a una página web. Y después utilizaremos la...
El lenguaje de marcas sirve para dotar de estructura y contenido a un documento web. Mediante la etiqueta div veremos un ejemplo de como dotar de estructura a una página web. Y después utilizaremos la...
Ejercicio html para practicar con etiquetas de texto más comunes
Ejercicio html nivel principiante para practicar el uso de las principales etiquetas html de texto. Incluye enunciado y solución.
Ejercicio html nivel principiante para practicar el uso de las principales etiquetas html de texto. Incluye enunciado y solución.
Rodrigo Mendez
Posted at 07:02h, 19 octubreBuen ejercicio aunque no aceptaron la conexion 2 paginas solo puse otras urls y ya.
Francesc Ricart
Posted at 12:43h, 19 octubre¡Muchas gracias!
Es posible que el hosting de la url que estabas enlazando tenía protección contra hotlinking y por este motivo no lo veías
Saludos,