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:
Resumen de atributos html para ayudarnos a memorizar
En esta entrada hago un ejercicio mental repasando el conjunto de atributos típicos usados en HTML. ¿Cuantos dirías que salen? ¿20, 30, 40, más?
En esta entrada hago un ejercicio mental repasando el conjunto de atributos típicos usados en HTML. ¿Cuantos dirías que salen? ¿20, 30, 40, más?
¿Puedo usar etiquetas html inventadas o erróneas? ¿qué sucede?
¿Qué sucede cuando te equivocas con una etiqueta html o directamente te la inventas? ¿Cómo la interpreta el navegador web?
¿Qué sucede cuando te equivocas con una etiqueta html o directamente te la inventas? ¿Cómo la interpreta el navegador web?
Como y cuando usar las etiquetas blockquote, q y cite
Las etiquetas q, cite y blockquote tienen significado semántico. Además de que pueden ser muy útiles en cuanto al SEO. ¿Sabes cómo y cuándo debes usarlas?
Las etiquetas q, cite y blockquote tienen significado semántico. Además de que pueden ser muy útiles en cuanto al SEO. ¿Sabes cómo y cuándo debes usarlas?
Doctype: resumen sobre lo mínimo que debes saber
Conceptos mínimos que debes aprender sobre doctype ¿Cómo y cuándo debemos usar la instrucción doctype? ¿Tienes claro si es en minúscula o mayúscula. ¿Qué es el DTD?
Conceptos mínimos que debes aprender sobre doctype ¿Cómo y cuándo debemos usar la instrucción doctype? ¿Tienes claro si es en minúscula o mayúscula. ¿Qué es el DTD?
Códigos HTML | Caracteres especiales (escapados)
¿Por qué se escapan los caracteres en html? ¿Que utilidad tiene complicarse con símbolos estraños? ¿Como los usamos? Apuntes de alumno HTML.
¿Por qué se escapan los caracteres en html? ¿Que utilidad tiene complicarse con símbolos estraños? ¿Como los usamos? Apuntes de alumno HTML.
Html obsoleto que no deberías usar (ni aprender)
Aquí encontrarás etiquetas y atributos html obsoletos que deberías borrar de tu mente y mantener únicamente a modo de consulta. ¡Qué horror>
Aquí encontrarás etiquetas y atributos html obsoletos que deberías borrar de tu mente y mantener únicamente a modo de consulta. ¡Qué horror>
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,