La tarea es crear marcos usando HTML . HTML es un lenguaje de marcado de hipertexto , y es el lenguaje de marcado estándar para crear páginas web. Describe la forma de una página web e incluye una secuencia de elementos.
Los marcos en HTML se utilizan para dividir la ventana del navegador en más de una sección en la que cada fase puede cargar un informe HTML separado y un grupo de marcos dentro de la ventana del navegador se conoce como conjunto de marcos .
Nunca se recomienda utilizar marcos en su página web por las siguientes razones.
- Los dispositivos más pequeños no pueden lidiar con los marcos con frecuencia porque su pantalla no siempre es suficiente para dividirse.
- Debido a las diferentes resoluciones de pantalla, su página se mostrará de manera diferente en diferentes computadoras.
- A veces sucede que el botón Atrás de su navegador no funciona como el usuario espera.
- Hay pocos navegadores que no soporten marco.
Veamos cómo podemos crear un marco usando HTML.
En lugar de usar la etiqueta <body>, puede usar la etiqueta <frameset> para usar un marco. La etiqueta <frameset> se usa para definir cómo dividir la ventana en marcos. Los marcos horizontales están definidos por el atributo de fila y los marcos verticales están definidos por el atributo col .
Acercarse:
- Primero, cree tres archivos separados. por ejemplo, marco1.html, marco2.html y marco3.html .
- En el siguiente paso, cree el archivo index.html o el archivo principal para ejecutar el programa después de incluir todos los marcos HTML anteriores.
- Todos los archivos HTML siguientes se utilizan en ambos ejemplos.
frame1.html
<!DOCTYPE html> <html> <body> <h3>frame 1</h3> <p> This content is in frame 1 </p> </body> </html>
frame2.html
<!DOCTYPE html> <html> <body> <h3>frame 2</h3> <p> This content is in frame 2 </p> </body> </html>
frame3.html
<!DOCTYPE html> <html> <body> <h3>frame 3</h3> <p> This content is in frame 3</p> </body> </html>
Ejemplo 1: El siguiente ejemplo muestra el HTML <frameset> con el atributo cols. El siguiente código utiliza todos los archivos anteriores, es decir, «frame1.html», «frame2.html» y «frame3.html» como marcos.
index.html
<!DOCTYPE html> <html> <body> <frameset cols="*,*,*"> <frame src="frame1.html"> <frame src="frame2.html"> <frame src="frame3.html"> </frameset> </body> </html>
Producción:
marcos de columnas
Ejemplo 2: En el siguiente ejemplo, simplemente cambie las columnas a filas en la etiqueta <frameset> . Los códigos para “frame1.html”,”frame2.html”,”frame3.html” se dan antes de los ejemplos.
index.html
<!DOCTYPE html> <html> <body> <frameset rows="*,*,*"> <frame src="frame1.html"> <frame src="frame2.html"> <frame src="frame3.html"> </frameset> </body> </html>
Producción:
conjunto de marcos de fila