14 Nov Por una vez hagamos la excepción… juguemos con frameset
Publicado a las 22:32h en Tutorial HTML gratuito. Aprende a estructurar tus páginas web., Ejercicios HTML 0 Comentarios
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!
¿Te ha gustado esta publicación?
¡Valora sobre 5 estrellas esta publicación!
Todavía no hay votos. Sé el primero en valorar la entrada.
Vaya, parece que hay puntos a corregir
¿Me ayudas a mejorar?
¡Gracias por tu feedback!
Entradas relacionadas:
Cuidado con los tutoriales pdf obsoletos sobre html, css y javascript
En internet se encuentra mucho material de gran calidad para aprender lenguajes como html, css, y javascript. ¿Pero todos los pdf sirven?
En internet se encuentra mucho material de gran calidad para aprender lenguajes como html, css, y javascript. ¿Pero todos los pdf sirven?
Como usar los encabezados h1 a h6 en html
Una duda frecuente cuando nos iniciamos en el mundo del html es saber cuando debemos usar un h1, un h2, un h3 o hasta un h4. En esta entrada miramos de dar un criterio lógico que pueda servir de ayuda...
Una duda frecuente cuando nos iniciamos en el mundo del html es saber cuando debemos usar un h1, un h2, un h3 o hasta un h4. En esta entrada miramos de dar un criterio lógico que pueda servir de ayuda...
Ejercicio sobre listas de definiciones html
Gran excusa para repasar las listas html de definiciones y conceptos de cultura general sobre web e internet. Incluye solución.
Gran excusa para repasar las listas html de definiciones y conceptos de cultura general sobre web e internet. Incluye solución.
Ejercicio html sobre como usar las etiquetas h1, h2, h3
Ejercicio html dónde practicarás primero con el word de Office y después mediante html el estructurado correcto de los encabezados de un documento web mediante h1, h2 y h3
Ejercicio html dónde practicarás primero con el word de Office y después mediante html el estructurado correcto de los encabezados de un documento web mediante h1, h2 y h3
Anclas html
Anteriormente hemos visto que es un enlace y como se construye mediante una etiqueta y cuales son los atributos más importantes que lo acompañan. Hoy vamos a ver una de las utilidades más prácticas d...
Anteriormente hemos visto que es un enlace y como se construye mediante una etiqueta y cuales son los atributos más importantes que lo acompañan. Hoy vamos a ver una de las utilidades más prácticas d...
Ejercicio sobre creación de capas html mediante etiquetas div
Ejercicio sobre creación y estructuración de un documento web mediante capas html. Este ejercicio es preparatorio al salto a html5. Incluye solución y anotaciones de clase.
Ejercicio sobre creación y estructuración de un documento web mediante capas html. Este ejercicio es preparatorio al salto a html5. Incluye solución y anotaciones de clase.
No hay comentarios