Por una vez hagamos la excepción… juguemos con frameset

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 by Francesc Ricart 0 Comments

En este ejercicio vamos a practicar con la etiqueta <frameset> y <frame/>

Para poder realizar el ejercicio es necesario saber

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>

Por una vez hagamos la excepción… juguemos con frameset 1 — vista final de como queda resuelto el ejercicio

¡Hola!

Querido lector,

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

Entradas relacionadas:

Creación de formularios html
En esta entrada repasamos las etiquetas html imprescindibles para escribir formularios así como los atributos más importantes de todos.

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?

Factores que afectan al tiempo de carga de una página web
Resumimos los principales factores que deberemos tener en cuenta desde el punto de vista de alguien que ha estudiado un curso de confección y publicación de páginas web para la optimización y mejora d...

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...

Ejercicio html para practicar con las etiquetas audio y vídeo
Ejercicio html para practicar las etiquetas audio y video. Incluye solución.

Formatos de imagen png, gif, jpg y svg. ¿Cuándo usarlos?
¿Que formato de imagen usar? Influye la velocidad de carga, las transparencias, animaciones y la seguridad. Resumo las ideas clave.

Francesc Ricart

hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi