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:
Ejercicio estructura web mediante capas con div e id
¿Como crear y organizar capas html en un documento web? En este ejercicio lo harás de 0. Se incluye propuesta de solución. Es un paso previo a html5.
¿Como crear y organizar capas html en un documento web? En este ejercicio lo harás de 0. Se incluye propuesta de solución. Es un paso previo a html5.
Meta etiquetas en HTML : meta tags
Las meta etiquetas son un tipo de tags que se escriben en la cabecera de un documento web que aportan información técnica a los motores de búsqueda sobre como deben leer nuestro sitio web. Vemos los t...
Las meta etiquetas son un tipo de tags que se escriben en la cabecera de un documento web que aportan información técnica a los motores de búsqueda sobre como deben leer nuestro sitio web. Vemos los t...
Errores html típicos que todos cometemos alguna vez
Cuando nos iniciamos todos solemos cometer errores parecidos. En esta entrada encontrarás un buen repositorio de casos reales en alumnos.
Cuando nos iniciamos todos solemos cometer errores parecidos. En esta entrada encontrarás un buen repositorio de casos reales en alumnos.
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...
Ejercicio html de repaso. Corrige los errores de sintaxis.
Ejercicio html dónde se plantean algunos errores comunes de alumnos al escribir html y su correción. Incluye solución.
Ejercicio html dónde se plantean algunos errores comunes de alumnos al escribir html y su correción. Incluye solución.
Ejercicio html sobre códigos HTML y caracteres especiales
Ejercicio html para prácticar los nombres HTML y los códigos HTML de los caracteres más útiles de recordar. Incluye solución.
Ejercicio html para prácticar los nombres HTML y los códigos HTML de los caracteres más útiles de recordar. Incluye 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,