Hogar › Teléfono › Marcos flotantes. Preguntas y tareas de prueba

Marcos flotantes. Preguntas y tareas de prueba

El navegador Microsoft Internet Explorer le permite crear otro tipo de marcos: los llamados marcos flotantes.

Puede utilizar un marco flotante no sólo para colocar texto dentro del texto, sino también para organizar enlaces a otros documentos.

Un marco flotante puede estar rodeado de texto u otros gráficos. Puede especificar los mismos atributos de alineación para un marco que para imágenes gráficas.

Se inserta un marco flotante en un documento HTML utilizando el operador , que siempre se utiliza junto con el operador. Para este operador, puede especificar el parámetro ALIGN, que especifica la alineación del texto ubicado cerca del marco flotante. Parámetros de ANCHO y HEIGHT, que especifican las dimensiones del marco, así como los parámetros HSPACE y VSPACE.

Otro parámetro válido al describir un marco flotante es FRAMEBORDER. Puede ser 1 o 0. Si este parámetro es 1, el marco flotante está encerrado en un marco 3D (el valor predeterminado) y si es 0, el marco no se muestra.

El parámetro DESPLAZAMIENTO puede tomar los valores “sí”, “no” o “auto”. Si se establece en "sí", la ventana de marco flotante tendrá barras de visualización. Si responde “no”, no habrá barras de visualización. Cuando el parámetro DESPLAZAMIENTO está configurado en "automático", las barras de desplazamiento solo se crearán cuando sea necesario cuando el contenido del documento no quepa en el marco de la ventana.

Ejemplo

Marcos inactivos en documentos HTML

Colocar iframes en documentos HTML

Puedes incluir un marco flotante dentro de un documento HTML:

Si se especifica alineación izquierda,

el texto al lado del marco flotante será

ubicado a la derecha del marco

Este documento define un marco flotante en el que se carga el documento HTML, ubicado en el archivo include.html

Incluir.html

Documento para marco flotante.

El contenido de este documento se muestra en el interior.

marco flotante.

Se muestra en una ventana que tiene

barra de visualización vertical.

Si el contenido del documento

cargado en un marco flotante, no cabe en la ventana del marco,

el usuario puede desplazarse a través de él usando este

rayas de visualización.

Tarea de laboratorio No. 5

1) Cree un documento con marcos del siguiente tipo:

2) Cree un documento con marcos del siguiente tipo:

3) Cree un documento con marcos del siguiente tipo:

Inicialmente, la información sobre el autor debe ubicarse aquí.
Fragmento de vídeo 1	norte y documentos HTML creados previamente, al hacer clic en los enlaces, su contenido debe mostrarse en la ventana del marco No. 1.

En la ventana del cuadro 2 debe haber una página con el fragmento de video 1, cuando hace clic en el fragmento de video 1, la información que contiene: una descripción del fragmento de video 1 y un enlace al fragmento de video 2 debe cargarse en la ventana del cuadro 3, cuando hace clic en este enlace en en la ventana del cuadro 2, se debe cargar el fragmento de video 2, al hacer clic en el fragmento de video 2 en el cuadro de la ventana 3 se debe cargar información que contenga: una descripción del fragmento de video 2 y un enlace al fragmento de video 1...

4) Cree de forma independiente 4 ejemplos de documentos con marcos para demostrar el funcionamiento del parámetro TARGET con nombres predefinidos (_top, _parent, _self, _blank).

5) Proponga de forma independiente ejemplos de documentos con marcos para demostrar la capacidad de:

establecer el tamaño del marco

establecer límites de marco

establecer la distancia entre marcos

establecer sangría

saber cómo hacer que sea imposible cambiar el marco de la ventana

dejarse ver barras de desplazamiento, sólo si es necesario

6) Cree un documento con marco flotante, sin marco, la barra de desplazamiento debe aparecer cuando sea necesario, el texto ubicado al lado del marco debe ubicarse a la izquierda del marco.

La mayoría de los documentos HTML no caben en una página, por lo que el usuario debe desplazarse por el documento en la ventana del navegador para verlos. Además, para navegar, es necesario buscar enlaces a otros documentos, que pueden ubicarse en cualquier lugar inesperado de la página.

Puede hacer que su servidor sea mucho más fácil de usar si proporciona al usuario una interfaz de ventanas múltiples implementada mediante marcos. En este caso, la ventana del navegador se divide en varias ventanas (marcos), cada una de las cuales muestra el contenido de diferentes documentos HTML (Fig. 6.1). De esta forma podrás trabajar con varios documentos al mismo tiempo.

Arroz. 6.1. Nuestra página de servidor WWW implementada mediante marcos.

Nuestra página consta de tres marcos. El primer marco se encuentra en la parte superior de la ventana y sirve para mostrar el logo. El segundo marco está diseñado para mostrar enlaces a varias secciones del servidor, que no son más que documentos ordinarios HTML. Y finalmente, el tercer fotograma tiene el mayor tallas grandes y está destinado a ver documentos.

Hemos configurado los parámetros del marco de la tabla de contenidos y del marco de visualización para que el usuario pueda cambiarlos. tamaño horizontal moviendo el ratón verticalmente línea divisoria, ubicado entre los marcos. Si el contenido del documento no cabe dentro del marco, aparece una barra de vista previa en el lado derecho de la ventana correspondiente.

Usando los enlaces en la ventana del marco de la tabla de contenido, puede cargar en el marco de visualización varios documentos, que a su vez también puede tener enlaces. Por supuesto, no pretendemos que la ubicación y el propósito de los marcos se seleccionen de manera óptima en nuestro servidor, pero usted puede crear cualquier cantidad de marcos para su servidor y organizarlos como desee.

Tenga en cuenta que no todos los navegadores pueden trabajar con marcos. Por lo tanto, a pesar de que los marcos dan a las páginas del servidor una apariencia más atractiva y facilitan el trabajo del usuario, no se pueden encontrar en todos los servidores WWW. Las mesas se suelen utilizar como alternativa a los marcos.

Estructura del documento con marcos.

Primero, debe preparar un documento HTML que describa el tamaño, la ubicación y otros parámetros de los marcos. Este documento debe tener siguiente vista:

Título del documento . . .

Al comienzo del documento HTML, cuyo objetivo es describir marcos, no hay ninguna declaración familiar. . En cambio, la declaración de definición del conjunto de marcos se encuentra allí. , que se utiliza junto con el operador. Opciones del operador describir un conjunto de marcos en su conjunto, especificando dimensiones, apariencia marcos, etc.

Entre operadores Y hay operadores , que definen los parámetros de los fotogramas individuales. En particular, los operadores especifique las URL de los documentos HTML que se cargan en marcos tan pronto como se crean.

Además de los operadores , dentro de un par de operadores Y los operadores deben estar ubicados Y. Entre estas declaraciones es necesario colocar un documento HTML que será mostrado por navegadores que no sean capaces de trabajar con marcos. Estos incluyen, por ejemplo, NSCA Mosaic y Internet de Microsoft Versiones del explorador 2.0, así como versiones de Netscape Navigator anteriores a la 2.0.

En el caso más simple, este documento debe contener un mensaje que indique que esta pagina mejor ver más navegantes modernos. Sin embargo, es mejor preparar una segunda versión de la página, diseñada específicamente para que la vean navegantes mayores: ¿quién puede predecir de antemano con qué navegadores está trabajando el usuario?

Tenga en cuenta que puede crear marcos anidados definiendo conjuntos de marcos dentro de un par de declaraciones. Y:

. . .

Así es como se crean los marcos en nuestro servidor.

Puede reemplazar un marco con un conjunto de marcos reemplazando la declaración apropiada a la definición establecida hecha por el operador .

Definición de parámetros de marco

En primer lugar, veamos los parámetros del operador. , diseñado para definir un conjunto de marcos.

Parámetro	Descripción
	Ancho de columna en porcentaje, píxeles o tamaño relativo
	Altura de línea en porcentaje, píxeles o tamaño relativo

	Utilizado sólo por Netscape Navigator. Establece el grosor del borde del marco en píxeles.
	Con este parámetro, puede especificar una distancia adicional entre fotogramas en píxeles

Los parámetros COLS y ROWS son necesarios cuando los marcos definidos en el conjunto están organizados en una tabla. El primero de estos parámetros especifica el ancho de la columna y el segundo especifica la altura de la fila. Si los marcos están ubicados en la misma columna, no es necesario especificar el parámetro COLS. Del mismo modo, si los marcos ocupan solo una fila, no es necesario especificar el parámetro FILAS.

Puede establecer los valores de los parámetros COLS y ROWS como porcentaje del ancho y alto de la ventana del navegador, respectivamente, o en píxeles. Si se especifica un * en lugar de un valor, la columna o fila ocupa el resto de la ventana.

Por ejemplo, debajo la altura del primer cuadro es de 90 píxeles y el segundo cuadro ocupa toda la parte inferior de la ventana del navegador:

En el siguiente ejemplo, dos marcos adyacentes ocupan el 20% y el 80% del ancho de la ventana del navegador, respectivamente.

Otro operador que se utiliza para definir parámetros de marco es el operador . Tiene los siguientes parámetros:

Parámetro	Descripción
	Sólo se utiliza para marcos flotantes en Microsoft Navigator. Explorador de Internet. Especifica la alineación de un marco o texto adyacente a un marco. Este parámetro puede tomar los siguientes valores: IZQUIERDA, CENTRO, DERECHA, ARRIBA, ABAJO
	El tamaño de la sangría vertical desde los bordes del marco en píxeles.
	El tamaño de la sangría horizontal desde los bordes del marco en píxeles.
	Si este parámetro se establece en 1, los marcos tendrán un borde 3D cuyo ancho se especifica en píxeles. Si el valor es 0, el marco no se crea.
	Este parámetro especifica el nombre del marco que se utiliza en la declaración de enlace. para indicar en qué marco se debe cargar el nuevo documento
	Si se especifica este parámetro, el usuario no podrá cambiar el tamaño del marco moviendo sus bordes con el mouse.
	El parámetro SCROLLING determina si se deben crear barras de visualización para desplazar el contenido del marco. Se pueden especificar los siguientes valores para este parámetro: SÍ, siempre se crean barras de visualización; NO se crean barras de visualización; Las barras de visualización AUTO se crean solo cuando es necesario cuando el documento HTML no cabe completamente dentro de la ventana del marco.
	URL del archivo de documento HTML que se carga en la ventana del marco

Ejemplo de documento HTML con marcos

Como ejemplo, presentamos de forma abreviada el texto fuente del documento que define los marcos que se muestran en la Fig. 6.1.

Alexandr Frolov y Grigori Frolov

En este servidor puede encontrar información detallada sobre nuestros libros de la serie "Computadora personal. Paso a paso" y "Biblioteca del programador del sistema": . . .
pagina de inicio
Noticias
Libros
Computadora
Socios y amigos
escaneo de virus

Establecer idioma inglés

Esta página se ve mejor utilizando MS Internet Explorer v3.0 o Netscape Navigator.

[correo electrónico protegido]

Aquí hemos definido dos conjuntos de marcos, con el segundo conjunto anidado dentro del primero.

Para el primer conjunto, definimos un marco, colocado horizontalmente. El primero tiene 90 píxeles de alto y sirve para colocar nuestro logo, el segundo ocupa el espacio restante:

Como puede ver en esta línea, los marcos no tienen borde (el valor del parámetro FRAMEBORDER es 0). Quitamos el marco porque parece demasiado pesado. Además, especificamos que los marcos deben tener un borde de 1 píxel cuando se ven en Netscape Navigator.

¿Por qué hicimos esto?

Queríamos que el servidor se viera lo más similar posible en las ventanas de Microsoft Internet Explorer y Netscape Navigator. Sin embargo, estos navegadores funcionan de manera diferente con los marcos. Si en el operador especifique que los marcos no deben tener un borde, Microsoft Internet Explorer no dibuja un borde 3D. Sin embargo, hay una pequeña brecha entre los marcos. gris

, que parece un marco. Este marco se puede utilizar, por ejemplo, para cambiar el tamaño del marco (si no se especifica el parámetro NORESIZE al definir el marco, lo que prohíbe cambiar el tamaño). Netscape Navigator en la situación anterior (cuando FRAMEBORDER se establece en cero) no deja ningún espacio entre cuadros. Aquí es donde radica la diferencia. Para hacer un espacio de un píxel, especificamos Parámetro FRONTERA

, que sólo es reconocido por Netscape Navigator. EN espacio libre

Volvamos nuevamente al primer conjunto de cuadros.

Sólo hay un marco definido en este conjunto:

Debido a que este marco está destinado a mostrar un logotipo, no utiliza convolución. Por tanto, el valor del parámetro SCROLLING es “no”.

El nombre del marco se especifica en el parámetro NOMBRE como "título". Además, especificamos el parámetro NORESIZE, evitando que se cambie el tamaño del marco con el mouse.

El parámetro SRC se especifica como "título.htm". El archivo con este nombre se utiliza para cargar el documento HTML cuando se muestra el marco. Tenga en cuenta que el archivo title.htm se encuentra en el mismo directorio que el archivo que define los marcos.

El parámetro MARGINHEIGHT establece el desplazamiento de altura en 1 píxel. Especificamos esta opción para reducir el espacio entre el borde superior del marco y los gráficos del logotipo.

El archivo title.htm contiene una tabla con dos imágenes gráficas y no tiene características especiales:

Ahora pasemos al segundo conjunto de marcos, dividiendo la parte inferior de la ventana del navegador en dos mitades verticalmente. Dos fotogramas de este conjunto se definen de la siguiente manera:

Debido a que el parámetro DESPLAZAMIENTO está configurado en "automático", si el contenido no cabe en la ventana del marco, aparecen barras de visualización alrededor del marco.

La ventana del marco izquierdo se llama "toc". Se carga desde un archivo llamado toc.htm, que consta de enlaces a secciones del servidor:

pagina de inicio
Bienvenido
pagina de inicio

Libros

CAPITAL
COMPUTADORA
Preguntas y respuestas
recursos de internet

Virus

Socios y amigos
Libro de visitas

Establecer idioma inglés

Tenga en cuenta que en los operadores el parámetro TARGET, que especifica el nombre de la ventana para cargar el documento, tiene diferentes significados. En el parámetro TARGET debe especificar el nombre de la ventana en la que se cargará el documento.

El parámetro TARGET se puede especificar con uno de varios nombres predefinidos:

Cuando el usuario selecciona la línea "Página de inicio", se carga un documento HTML con la dirección http://www.glasnet.ru/~frolov/index.html en una ventana llamada _top. Como resultado, el documento especificado ocupará todo el espacio interno de la ventana del navegador.

Si es necesario, puede cargar documentos en la ventana del marco izquierdo especificando el valor toc en el parámetro TARGET. En este caso, puedes hacer que cuando selecciones una sección en el marco izquierdo, el contenido de este marco cambie por completo, mostrando, por ejemplo, los nombres de las subsecciones de la nueva sección.

El documento main.htm que se carga inicialmente en la ventana del marco de la página principal se muestra a continuación:

¡Bienvenido a nuestro servidor WEB!

En este servidor puede encontrar información detallada sobre nuestros libros de la serie "Computadora personal. Paso a paso" y "Biblioteca del programador del sistema":

anotaciones y tablas de contenidos;
códigos fuente de programas publicados en libros;
nuestros planes para el futuro;
una lista de errores observados en nuestros libros;
información sobre nuestros amigos;
libros gratis disponibles en línea

Esta serie de libros está destinada a una amplia gama de personas cuyo trabajo está relacionado con las computadoras.

¡Hemos preparado algo más para ti también!

Envía tus comentarios a Esta página se ve mejor utilizando MS Internet Explorer v3.0 o Netscape Navigator.
Alejandro Frolov, Grigori Frolov, 1997

Veamos este documento.

Al principio del documento hay dos declaraciones de inserción. archivo de sonido. EN en este caso insertamos archivo de música midi:

El primero de estos operadores sólo funciona en Microsoft Internet Explorer, el segundo también funciona en Netscape Navigator.

Su servidor es accesible para todos. redes de internet, y los más conectados a esta red diferentes computadoras con varios sistemas operativos y navegantes. Por supuesto, es poco probable que pueda garantizar la misma apariencia de las páginas del servidor para todos estos sistemas, pero definitivamente vale la pena preocuparse por los navegadores más comunes. En el momento de escribir este artículo, se trata de Netscape Navigator y Microsoft Internet Explorer. Como regla general, la mayoría de los servidores WWW están optimizados específicamente para trabajar con estos navegadores.

Si hace lo mismo, sería una buena idea indicar en algún lugar visible qué navegadores son mejores para ver las páginas de su servidor. Esto lo hicimos de la siguiente manera, colocando en una tabla los íconos del navegador y los enlaces a los servidores desde donde se pueden obtener:

Esta página se ve mejor utilizando MS Internet Explorer v3.0 o Netscape Navigator.

La línea que se muestra a continuación inserta el llamado contador de visitas en el documento HTML:

Este contador puede verse diferente en el documento, dependiendo de cómo esté implementado. En nuestro caso, el contador lo genera un programa CGI llamado w3count.exe, al que se le pasa el nombre de archivo frolov1 como parámetro. Este archivo almacena el valor del contador.

Tenga en cuenta que lo más probable es que tenga que escribir los programas CGI usted mismo, aunque muchos proveedores de servicios de Internet suelen proporcionar algunos programas CGI para quienes crean los suyos propios en el servidor del proveedor. servidores virtuales www. En un capítulo aparte de nuestro libro le diremos cómo crear dichos programas.

Al final del archivo main.htm colocamos nuestro dirección postal e información de derechos de autor para la información ubicada en el servidor:

Envía tus comentarios a Esta página se ve mejor utilizando MS Internet Explorer v3.0 o Netscape Navigator.
Alejandro Frolov, Grigori Frolov, 1997

Esta es una práctica común y debes hacer lo mismo al crear tu propio servidor.

Los textos fuente de los documentos HTML con marcos proporcionados en esta sección se pueden encontrar en el disquete que se vende con el libro, en el directorio Chap6/Frames.

Marcos flotantes

El navegador Microsoft Internet Explorer le permite crear otro tipo de marcos: los llamados marcos flotantes.

Un marco flotante se inserta en un documento HTML de la misma forma que una imagen gráfica (Figura 6.2).

Arroz. 6.2. Documento HTML de muestra con marco flotante

Puede utilizar un marco flotante no sólo para colocar texto dentro del texto, sino también para organizar enlaces a otros documentos.

Un marco flotante puede estar rodeado de texto u otros gráficos. Puede especificar los mismos atributos de alineación para un marco que para imágenes gráficas. Desafortunadamente, Netscape Navigator y NSCA Mosaic ignoran los marcos flotantes, lo que limita su uso.

Se inserta un marco flotante en un documento HTML utilizando el operador , que siempre se utiliza junto con el operador. Para esta declaración, puede configurar el parámetro ALIGN, que establece la alineación del texto ubicado cerca del marco flotante, los parámetros WIDTH y HEIGHT, que establecen las dimensiones del marco, así como los parámetros HSPACE y VSPACE que se utilizan en la declaración .

El parámetro DESPLAZAMIENTO puede tomar los valores “sí”, “no” o “auto”. Si se establece en "sí", la ventana de marco flotante tendrá barras de visualización. Si responde “no”, no habrá barras de visualización. Cuando el parámetro DESPLAZAMIENTO está configurado en "automático", las barras de visualización se crearán solo cuando sea necesario cuando el contenido del documento no quepa en el marco de la ventana.

vamos a dar fuente Documento HTML en el que se inserta el marco flotante (Listado 6.1).

Listado 6.1. Archivo capítulo6\IFrames\home.htm

Marcos inactivos en documentos HTML

Colocar iframes en documentos HTML

Puedes incluir un marco flotante dentro de un documento HTML:

Si se especifica la alineación a la izquierda, el texto al lado de un marco flotante se colocará a la derecha del marco.
Y este texto se encuentra debajo del marco.

Este documento define un marco flotante en el que se carga el documento HTML, ubicado en el archivo include.htm (Listado 6.2).

Tenga en cuenta que para forzar una transición a nueva linea después del marco usamos el operador
con el parámetro BORRAR=IZQUIERDA.

Listado 6.2. Archivo capítulo6\IFrames\include.htm

Documento para marco flotante.

El contenido de este documento se muestra dentro de un marco flotante.

Se muestra en una ventana que tiene una barra de visualización vertical.

Si el contenido de un documento cargado en un marco flotante no cabe en la ventana del marco, el usuario puede desplazarse por él usando esta barra de vista previa.

El navegador Microsoft Internet Explorer le permite utilizar un único etiqueta HTML , que implementa el concepto de marcos flotantes. A diferencia de los marcos normales, las descripciones de los marcos flotantes pueden aparecer en el texto de un documento HTML normal. Navegadores que no soportan la etiqueta <IFRAME>, en lugar del marco se mostrará cualquier información registrada entre <IFRAME>Y.

En TEGS Se utilizan exactamente los mismos parámetros que en la etiqueta de descripción de los marcos normales. <FRAME>. La única excepción es el parámetro NORESIZE, que no tiene sentido porque el usuario no puede cambiar el tamaño de los marcos flotantes al visualizar el documento en ningún caso.También puede utilizar lo siguiente para establecer la posición y el tamaño del marco flotante en su documento: <a href="https://innovakon.ru/es/services/sistemnye-trebovaniya-dlya-ustanovki-vindovs-7-32-posredstvom-komandnoi.html">opciones adicionales</a>: ANCHO, ALTO, ESPACIO H, ESPACIO V, ALINEAR. Su finalidad y orden de uso coincide con los parámetros correspondientes a las imágenes incrustadas, que se especifican mediante la etiqueta <IMG>.A continuación se muestra un ejemplo del uso de marcos flotantes:<TITLE>Usando marcos flotantes</TITLE><CEMTEK><H2>Un ejemplo del uso del concepto de marcos flotantes.</H2></СЕМТЕК><IFRAME SRC=float.htm NAME="A" HEIGHT=300 WIDTH=40% HSPACE=10 SCROLLING=YES ALIGN=RIGHT>Su navegador no permite que se muestren marcos flotantesMicrosoft Internet Explorer es el primer navegador (y hasta ahora el único) que admite los llamados marcos "flotantes".Estos marcos se pueden colocar en cualquier lugar de la pantalla, al igual que los gráficos y las tablas.El marco a la derecha de este texto se coloca en la página mediante una etiqueta especial. <IFRAME>. Se especificó la alineación derecha al crear el marco. Mostrar resultado de este ejemplo <a href="https://innovakon.ru/es/rates/microsoft-edge-imeet-t-mnyi-rezhim-vot-kak-ego-vklyuchit-problemy-s-zapuskom.html">Navegador Microsoft</a> Internet Explorer se muestra en la Fig. 5.16. Los navegadores que no soportan el concepto de marcos flotantes, para este ejemplo, en lugar de mostrar el contenido del documento float.htm, mostrarán el texto "Su navegador no permite mostrar marcos flotantes".Arroz. 5.16. Marco flotante en Microsoft Internet ExplorerTenga en cuenta que el concepto de marcos flotantes es similar en ideología a las imágenes o tablas incrustadas. aquí en <a href="https://innovakon.ru/es/services/geometki-v-instagram-zachem-oni-nuzhny-mesta-znat-nado-ili-v-chem-sila.html">lugar correcto</a> Todo el documento HTML está incrustado en otro documento HTML.Consejo EN <a href="https://innovakon.ru/es/internet/arhiv-adb-programma-adb-otobrazit-spisok-ustroistv-podklyuchennyh-v-nastoyashchii.html">momento presente</a> el uso de marcos flotantes está limitado a un único navegador: Microsoft Internet Explorer versión 3.0 y superior. Tenga en cuenta que los usuarios de otros navegadores (particularmente Netscape) no podrán ver el contenido de los iframes.<table width="635" border="0"><tr><td width="200"> </td><td> </td><td width="200"> </td> </tr></table> Los marcos son elementos HTML que le permiten dividir la ventana de un navegador web en varias ventanas independientes, cada una de las cuales puede cargar un documento HTML independiente. Cada una de estas ventanas (marco) puede tener sus propias barras de desplazamiento y funcionar independientemente de otras ventanas independientes o, por el contrario, controlar su contenido. Se pueden utilizar para organizar un menú que se encuentra constantemente en una ventana, mientras que la información en sí se encuentra en otra ventana. Los usuarios pueden acceder al menú en cualquier momento sin tener que volver a <a href="https://innovakon.ru/es/services/voiti-na-predydushchuyu-stranicu-kak-vosstanovit-stranicu-v-kontakte-pri.html">pagina anterior</a> para seleccionar otro elemento del menú. El uso de marcos le permite "fijar" imágenes u otros elementos estáticos de la interfaz en la ventana del navegador mientras el resto de la página se desplaza dentro del marco. Sin embargo, vale la pena señalar que hoy en día los marcos se consideran una herramienta obsoleta y los sitios con marcos ahora se consideran indignos, ya que los webmasters profesionales nunca usan marcos en sus proyectos. Hay una serie de cosas tristes asociadas con los marcos. <a href="https://innovakon.ru/es/settings/top-obolochek-dlya-windows-10-putevoditel-po-alternativnym.html">problemas conocidos</a>. Por ejemplo, son confusos. <a href="https://innovakon.ru/es/settings/populyarnye-poiskovye-mashiny-poiskovye-mashiny-pribory-i-materialy.html">motores de búsqueda</a>, porque las páginas que contienen el contenido no tienen enlaces a otros documentos. Si desea recibir visitas de <a href="https://innovakon.ru/es/internet/drugie-poiskovye-sistemy-poiskovaya-sistema-princip-raboty-poiskovyh.html">motores de búsqueda</a>, olvídate de los marcos. Es imposible que un usuario coloque una página que le guste en la sección de marcadores del navegador, ya que los marcos ocultan la dirección de la página en la que se encuentra y siempre muestran solo la dirección del sitio web. Por este motivo, crean problemas a los navegadores a la hora de rastrear el historial y tampoco son muy adecuados para <a href="https://innovakon.ru/es/phone/chto-nuzhno-skachat-chtoby-pechatal-printer-luchshie-programmy-dlya.html">diferentes tamaños</a> Pantallas y dispositivos móviles. A pesar de que los proyectos con marcos se encuentran en <a href="https://innovakon.ru/es/internet/bez-vsemirnoi-pautiny-www-vsemirnaya-pautina.html">World Wide Web</a> cada vez menos a menudo <a href="https://innovakon.ru/es/services/kakim-tegom-obyavlyaetsya-srochno-nuzhen-internet-magazin-a-vremeni-na.html">aprendiendo HTML</a> Estaría incompleto sin discutir el tema de los marcos. Los marcos, además de sus desventajas, también tienen algunas ventajas que no nos permiten descartar esta tecnología por poco prometedora. <h2>Creando marcos</h2> La estructura de un documento HTML con marcos es muy similar en apariencia al formato de un documento HTML normal. Como en un documento HTML normal, todo el código se coloca entre etiquetas emparejadas. <html> Y </html> , y en el contenedor <head> se ubican los encabezados. La principal diferencia entre un documento con marcos y un documento HTML normal es que un documento con marcos en lugar de una etiqueta <body> aplica <a href="https://innovakon.ru/es/services/chto-takoe-parnyi-teg-v-html-kakimi-byvayut-tegi-pochemu-vazhno-nauchitsya.html">etiqueta emparejada</a> <frameset> (del conjunto de marcos en inglés - un conjunto de marcos). El siguiente ejemplo muestra la estructura de un documento HTML con marcos: <h3>Ejemplo: estructura de documento HTML con marcos</h3> <ul><li>Pruébelo usted mismo »</li> </ul><table style="border-collapse:collapse;"><tr><td style="border-bottom: 4px solid silver;background-color:blue;color: white;" colspan="2">marco_top</td> </tr><tr><td style="border-right: 4px solid silver;width: 20%;background-color:green;color: white;">marco_izquierdo</td> <td style="width: 80%;background-color:lime;color: white;">marco_derecho</td> </tr></table> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Documento con marcos</title> </head> <frameset rows="100, *"> <frame src="frame_top.html"> <frameset cols="20%, 80%"> <frame src="frame_left.html"> <frame src="frame_right.html"> </frameset> <noframes> </noframes> </frameset> </html> En el ejemplo anterior, la página contiene tres áreas, cada una de las cuales se carga inicialmente con documentos HTML frame_top.html, frame_left.html y frame_right.html. Además de los documentos HTML, un marco también puede contener gráficos. Para hacer esto, debe especificar la dirección de la imagen correspondiente en el atributo src, Por ejemplo src="imagen.gif". Tenga en cuenta que el elemento <frame> usado sin etiqueta de cierre. Dentro del contenedor <frameset> solo puede contener etiquetas <frame> u otro conjunto de marcos cubiertos por etiquetas <frameset> Y <frameset> . Etiqueta <frameset> tiene los siguientes atributos:<ul><li>filas— describe cómo dividir una página en líneas: <frameset rows="100, *"> </li> <li>columnas— describe cómo se divide una página en columnas: <frameset cols="20%, 80%"> </li> </ul> Las áreas resultantes de esta división de página serán marcos. La ausencia de estos atributos define un único marco que ocupará toda la ventana del navegador. En el valor del atributo filas Y columnas Es necesario indicar no el número de filas o columnas, sino el ancho y alto de los marcos. Todos los valores de la lista están separados por comas. Las dimensiones se pueden especificar en <a href="https://innovakon.ru/es/phone/absolyutnye-edinicy-izmereniya-css-kratkoe-rukovodstvo-po-edinicam.html">unidades absolutas</a>(en píxeles) o porcentaje: <ul><li>cols="20%, 80%"— la ventana del navegador se divide en dos columnas usando el atributo columnas, la columna de la izquierda ocupa el 20% y la de la derecha el 80% de la ventana del navegador.</li> <li>filas="100, *" La ventana del navegador se divide en dos ventanas horizontales usando el atributo filas, <a href="https://innovakon.ru/es/services/teamviewer-onlain-versiya-osnovnye-funkcii-programmy-teamviewer-verhnyaya.html">ventana superior</a> ocupa 100 píxeles y el de abajo ocupa el espacio restante especificado por el símbolo de asterisco.</li> </ul>Como se puede ver en este ejemplo, el contenedor <frameset> con atributo filas Primero crea dos marcos horizontales y reemplaza el segundo marco con otro. <frameset> que divide el marco horizontal inferior en dos columnas usando el atributo columnas, la columna de la izquierda ocupa el 20% y la de la derecha el 80% de la ventana del navegador. Si el navegador no admite marcos, la ventana mostrará el texto ubicado entre las etiquetas. <noframes> Y </noframes> . Todo entre las etiquetas. <noframes> Y </noframes> , es ignorado por los navegadores que admiten marcos. Por lo tanto, el desarrollador necesita escribir código que duplique el contenido de los marcos por otros medios y colocar este código en un contenedor. <noframes> , entonces todos los usuarios pueden ver su página web. Como ya se señaló, se utiliza una etiqueta no emparejada para insertar un marco separado en un documento. <frame> . Atributo src especifica el documento que debe mostrarse dentro de este marco, por ejemplo: <frame src="frame_top.html">. Si atributo src falta, se muestra un marco vacío. <h2>Bordes o espacio entre cuadros.</h2> De forma predeterminada, el navegador muestra un borde de línea gris, generalmente 3D, entre marcos que los visitantes pueden usar para ajustar el tamaño del marco. El borde del marco se puede manipular como cualquier otro elemento del marco. Hay varios atributos de elementos para esto. <frameset> , permitiéndole personalizar los límites del marco. El grosor de la línea del borde está determinado por el atributo borde. El valor de grosor del borde predeterminado es cinco. Para ocultar el borde de un marco, debe establecer el valor del ancho del borde en cero o establecer el valor "no" o "0" para el atributo. borde del marco. Atributo borde del marco Sólo puede tomar dos significados opuestos. Si el valor del atributo borde del marco es igual a “sí” o “1”, entonces se mostrará el borde del marco, y si es “0” o “no”, entonces no. Tenga en cuenta que los valores de los atributos borde del marco variar para <a href="https://innovakon.ru/es/rates/v-vashem-brauzere-ne-rabotaet-javascript-kak-vklyuchit-java-ili-javascript.html">diferentes navegadores</a>. Para resolver este problema use el atributo dos veces. borde del marco, y para algunos navegadores también es necesario agregar el atributo espacio de fotogramas con valor "0": <frameset frameborder="0" framespacing="0" frameborder="no" border="0"> En el siguiente ejemplo eliminamos el borde entre fotogramas: <h3>Ejemplo: eliminar el borde entre cuadros</h3> <ul><li>Pruébelo usted mismo »</li> </ul><table><tr><td style="width: 10px;background-color:green;color: white;">marco_izquierdo</td> <td style="width: 90%;background-color:lime;color: white;">marco_derecho</td> </tr></table> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Marcos sin fronteras</title> </head> <frameset cols="100,*" frameborder="0" framespacing="0" frameborder="no" border="0"> <frame src="frame_left.html" name=" frame_left" > <frame src="frame_right.html" name="frame_right" > </frameset> </html> Si elimina el borde entre marcos, los visitantes no podrán cambiar el tamaño del marco en el navegador. También puede evitar que el marco cambie de tamaño conservando los bordes usando el atributo noresize: <frame src="frame_left.html" noresize> Usando atributo color del borde Puede cambiar el color del borde del marco, solo necesita especificar el código o el nombre del color reservado correspondiente. A continuación se muestra un ejemplo de una página HTML que contiene los atributos de control del borde del marco descritos anteriormente: el color del borde es rojo, el tamaño del marco superior no se puede cambiar: <h3>Ejemplo: control de borde de marco</h3> <ul><li>Pruébelo usted mismo »</li> </ul><table style="border-collapse:collapse;"><tr><td style="border-bottom: 4px solid red;background-color:blue;color: white;" colspan="2">marco_top</td> </tr><tr><td style="border-right: 4px solid red;width: 20%;background-color:green;color: white;">marco_izquierdo</td> <td style="width: 80%;background-color:lime;color: white;">marco_derecho</td> </tr></table> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Gestión de bordes de marco</title> </head> <frameset rows="150, *" border="10" bordercolor="red" frameborder="1" frameborder="yes"> <frame src="frame_top.html" noresize> <frameset cols="20%, 80%"> <frame src="frame_left.html"> <frame src="frame_right.html"> </frameset> </frameset> </html> Si desea colocar la página que se muestra dentro del marco más cerca de sus bordes o, por el contrario, alejarla, cambie los atributos altura del margen Y ancho de margen etiqueta <frame> . Atributo altura del margen define el relleno entre el contenido del marco y sus bordes superior e inferior. Sintaxis: <frame marginheight="число"> Atributo ancho de margen define el relleno entre el contenido del marco y sus bordes derecho e izquierdo. Sintaxis: <frame marginwidth="число"> Este <a href="https://innovakon.ru/es/rates/novyi-abzac-v-html-kak-sdelat-krasnuyu-stroku-v-html-ili-otstup.html">cadena HTML</a>, por ejemplo, coloca la página mostrada cerca del borde del marco: Si la página muestra una barra de desplazamiento que no desea, puede resolver el problema especificando el atributo desplazamiento="no" en la etiqueta <frame> . Pero tenga en cuenta que si el marco no es lo suficientemente grande como para mostrar todo el contenido de la página, el visitante no tendrá forma de desplazarse por la página mostrada. <h2>Enlaces dentro de marcos</h2> Seguir un enlace en un documento HTML normal se realiza de la siguiente manera: haga clic en el enlace y el documento actual se reemplazará por uno nuevo en la ventana actual o en una nueva del navegador. Cuando se utilizan marcos, el esquema de carga de documentos HTML difiere del habitual, y la principal diferencia es la capacidad de cargar un documento HTML en un marco desde otro. Para cargar un documento en un marco específico, use el atributo objetivo etiqueta <a> . Como valor de atributo objetivo se utiliza el nombre del marco en el que se cargará el documento especificado por el atributo nombre etiqueta <frame> . También vale la pena señalar que el nombre del marco debe comenzar con un número o una letra latina. Los siguientes nombres se utilizan como nombres reservados: Para enlaces externos, debe establecer el atributo de destino en _top o _blank para garantizar que los proyectos de terceros no aparezcan en sus marcos, sino que llenen toda la ventana del navegador. El siguiente ejemplo muestra un documento HTML en el que el marco derecho carga una página desde un enlace colocado en el marco superior. Enlace al documento que se abrirá en el marco derecho: <a href="http://www.google.com" target="frame_right">Google</a> El marco derecho recibe un nombre. marco_derecho: <frame src="frame_right.html" name="frame_right"> Para cargar un documento en un marco específico, use la construcción objetivo="frame_right", como se muestra en el ejemplo: <h3>Ejemplo: enlace a otro marco</h3> <ul><li>Pruébelo usted mismo »</li> </ul> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Enlace a otro marco</title> </head> <frameset rows="100, *"> <frame src="frame_topic.html"> <frameset cols="20%, 80%"> <frame src="frame_left.html"> <frame src="frame_right.html" name="frame_right"> </frameset> <noframes> Su navegador no muestra marcos </noframes> </frameset> </html> <h2>Marcos flotantes</h2> Elemento <iframe> (una abreviatura del término inglés "marco flotante") le permite incrustar un documento HTML independiente u otro recurso en cualquier lugar de una página web. El contenido de un marco flotante (incrustado) puede ser cualquier página HTML, ya sea de su recurso o de otro sitio web. Como ya entendiste, los marcos inactivos se crean usando el elemento <iframe> , que, a diferencia de la etiqueta <frame> no insertado entre etiquetas <frameset> Y </frameset> y entre etiquetas <body> Y <script type="text/javascript">  </script> </body> . en elemento <iframe> Puedes usar los mismos atributos que para el marco. </frame> , excepto el atributo noresize— a diferencia de los marcos normales, los marcos integrados no se pueden cambiar de tamaño en la pantalla: <table class="table table-bordered"><tr><th>Atributo</th><th>Descripción</th> </tr><tr><td>src</td><td>Se utiliza para especificar la URL de la página que se mostrará en el marco.</td> </tr><tr><td>altura</td><td>establece la altura de la ventana del marco flotante en píxeles o%</td> </tr><tr><td>ancho</td><td>establece el ancho de la ventana del marco flotante en píxeles o %</td> </tr><tr><td>nombre</td><td>el nombre del marco mediante el cual se puede acceder en enlaces</td> </tr><tr><td>borde del marco</td><td>establece el encuadre para los fotogramas, puede tomar valores 1 (hay un encuadre) o 0 (sin encuadre) ( No compatible con HTML5) </td> </tr><tr><td>ancho de margen</td><td>relleno hacia la izquierda y hacia la derecha desde el contenido hasta el borde del marco ( No compatible con HTML5) </td> </tr><tr><td>altura del margen</td><td>sangría arriba y abajo desde el contenido hasta el borde del marco ( No compatible con HTML5) </td> </tr><tr><td>desplazamiento</td><td>determina el tipo de barras de desplazamiento para el marco y toma los valores sí (hay barras), no (sin barras) y auto (aparecen barras si es necesario) ( No compatible con HTML5) </td> </tr><tr><td>permitir pantalla completa</td><td>Permite que el marco entre en modo de pantalla completa.</td> </tr><tr><td>hespacio</td><td>Margen horizontal desde el marco hasta el contenido circundante</td> </tr><tr><td>vespacio</td><td>espacio vertical desde el marco hasta el contenido circundante</td> </tr><tr><td>alinear</td><td>define la alineación del marco</td> </tr></table>En el siguiente ejemplo, las dimensiones del marco flotante se especifican en píxeles, pero también puedes especificarlas en %: <iframe src="demo_iframe.htm" width="200" height="200">

Entonces, las monturas… ¿para qué sirven y qué beneficios aportan? Intentaré hablar sobre esto en este capítulo y, por supuesto, sobre cómo implementarlos y trabajar con ellos.

A menudo, al crear un sitio web, es necesario abrir varios documentos HTML al mismo tiempo en una ventana del navegador... por eso se crearon marcos para definir las áreas de trabajo de cada documento. Además, los marcos son buena herramienta, con los que puedes diseñar páginas, sirven como una “alternativa” digna método tabular diseño de página... Pongo la palabra "alternativa" entre comillas porque es una forma completamente diferente de construir un sitio con sus propias ventajas y desventajas y es bastante difícil compararla con la construcción de un sitio hasta ahora familiar... pero primero lo primero ..

Bueno, ¿empezamos? Digamos que necesitamos abrir tres documentos HTML a la vez en una ventana del navegador y organizarlos, por ejemplo, de esta manera:

¿Qué necesitamos para esto? Para empezar, por supuesto, necesitamos crear tres documento html que realmente abriremos en una ventana. Deje que el primer documento contenga imagen grafica y actuará como un logotipo, llamémoslo logotype.html, el segundo documento será algo de contenido... llamémoslo menu.html, y el tercer documento con un montón de texto. texto.html. Por supuesto, puedes inventar tus propios nombres, así como el contenido de los documentos, pero por ahora es mejor copiar el mío... será más conveniente tanto para mí como para ti.

Entonces, hay tres archivos logotype.html, menu.html y text.html... que necesitamos colocar bajo un mismo techo, pero aún no tenemos un techo...

Escribimos “techo”, el documento principal al que conectaremos nuestros archivos. Como será el principal, le damos el nombre index.html.

marcos

Aquí está la estructura del documento que nos resulta familiar y que analizamos al principio de nuestra formación. ¡Los marcos rompen los estereotipos existentes! La estructura del marco del documento se ve así:

marcos

Sin etiqueta compensa nueva etiqueta - instale un marco o un conjunto de marcos... de hecho, trabajaremos más con este tipo.

Etiqueta tiene atributos filas Y columnas- estos atributos le dicen al navegador cómo colocar marcos en la ventana del navegador

filas- horizontalmente columnas- verticalmente

En nuestro caso, necesitamos la colocación horizontal de los marcos... así que escribimos así:

marcos

filas="15%,15%,70%">

Los porcentajes después del signo igual no son más que los tamaños de nuestras ventanas de marco en una ventana grande del navegador, asumimos colocación de tres también hay tres ventanas; por lo tanto, también hay tres valores separados por comas. Recuerde cómo configuramos los tamaños de celda para la tabla, aquí se aplica el mismo principio. Como en el caso de las celdas de la tabla, los tamaños de los marcos se pueden especificar como un porcentaje del área total y en píxeles.

A continuación se muestran algunos ejemplos de escritura:
- esta entrada indica que habrá tres ventanas horizontales donde la última ocupará el 70% del área de la ventana del navegador y las dos primeras ocuparán el 15%.
- Aquí hay tres ventanas ubicadas verticalmente, cuyo ancho se indica en píxeles.
- Tal entrada significa que la primera y tercera ventana tendrán un ancho de 100 y 180 píxeles respectivamente, y el segundo cuadro ocupará toda el área restante.

Ya terminamos de colocar los documentos, ahora solo queda conectarlos y disfrutar del primer resultado.

Etiqueta y su atributo src indicará al navegador la ruta al documento html que deberá abrirse en el espacio habilitado para ello. Tenemos tres documentos separados logotype.html, menu.html y text.html, ahora necesitamos especificar una ruta para cada uno, que es lo que realmente hacemos. (Supongo que tienes los cuatro archivos en la misma carpeta y que las rutas a ellos tienen la mayor cantidad de entrada sencilla por tipo: )

Archivo index.html

marcos

Archivo logotipo.html

marcos

Menú de archivo.html

marcos

Menú:

sopa de champiñones
Frijoles en una olla, al estilo italiano
Ensalada de verano australiana
... ... ...

Archivo texto.html

marcos

sopa de champiñones

mucho texto..

, que sólo es reconocido por Netscape Navigator. en este ejemplo Publiqué los cuatro documentos HTML, donde index.html es el principal y los otros tres son páginas complementarias, cada una de las cuales, en principio, puede funcionar de forma autónoma y contener lo que quieras, imágenes, tablas, textos, enlaces... Hice esto para darle una comprensión del principio de trabajar con marcos. En más ejemplos, publicaré solo el archivo principal con marcos (de lo contrario, todos ocuparán demasiado espacio en la página), y sabes que tengo "en algún lugar" todos los demás archivos que contienen gráficos, textos, tal vez algo así. de lo contrario... bueno, no te quedes atrás, edita lentamente tus propias páginas para el futuro sitio de capacitación... No sé sobre qué vas a escribir el tuyo, pero prometí ayudar a una chica a escribir un sitio dedicado. a cocinar..)) así que decidí, por así decirlo, apuntar a dos pájaros de un tiro.. la conejita y el sitio..)) algo como esto..))

En el ejemplo anterior, colocamos todas las ventanas horizontalmente, cambiando el atributo filas en columnas puedes organizarlos verticalmente. Pero ¿y si necesitas colocar nuestras ventanas?

¿Así?: ¿O así?: ¿O incluso así?:

Hay una salida. Veamos ejemplos.

Empecemos por el primer caso… ¿qué vemos? Y vemos dos líneas, donde la segunda se divide en dos columnas.

Y ahora, en orden:

- divide la ventana del navegador en dos líneas
- carga nuestro logo en la primera línea
- y divide la segunda fila en dos columnas
- en el primero habrá un menú
- y en el segundo hay mucho texto
- cerrar la etiqueta de división de columnas
- cerrar la etiqueta de división de línea

En general es incorrecto decir columnas y filas, ya que los marcos no tienen nada que ver con las tablas más que la similitud visual es correcto decir marcos horizontales y verticales... bueno, lo digo así para que así sea; ser más claro para ti...

Bien, veamos un ejemplo:

marcos

En el segundo caso, tenemos dos columnas en las que la segunda se divide en dos líneas, así que escribiremos así:

- divide la ventana en dos columnas
- el primero contendrá el contenido
- y divide el segundo en dos líneas
- logotipo
- y texto principal
- cerrar la división de línea
- cerrar la división en columnas

marcos

El tercer caso es un poco más complicado, pero no debes tener miedo... sobre todo porque yo personalmente elegí este tipo de construcción para un sitio sobre arte culinario, te explico a continuación; ¿Qué tenemos? tres columnas, y la segunda columna contiene esencialmente nuestro primer caso.

- divida la ventana en tres columnas (tenga en cuenta que la segunda columna ocupa exactamente 800 píxeles y las dos exteriores no tienen un tamaño exacto y dividirán el espacio restante por la mitad)
-en la primera columna cargamos un documento html que realizará una función puramente decorativa

-
-
- En la segunda columna insertamos nuestro "primer caso"
-
-
-
-

- en la tercera columna cargamos el mismo archivo con decoraciones
- portazo

Mire el ejemplo y luego explicaré por qué elegí la ruta de cinco ventanas.

marcos

Entonces, ¿por qué cinco ventanas? Recuerdo que ya escribí sobre el hecho de que diferentes usuarios Las redes de Internet se muestran en los monitores. diferentes resoluciones y en consecuencia en diferentes pantallas nuestro sitio se verá diferente... y si no hay tamaños específicos, todas nuestras imágenes, textos y tablas “flotarán” para aquellos usuarios cuyas resoluciones de monitor sean diferentes a las suyas. Cuando diseñamos el sitio usando una tabla, el problema con los tamaños de página se resolvió asignando un ancho y alto específicos a esta tabla. Desafortunadamente, esto no se puede hacer con marcos... incluso si especificas el ancho de los marcos que no están en; En porcentajes, pero en píxeles, la última columna se extenderá por el ancho restante de la ventana del navegador y la página, como dicen, perderá su "apariencia comercial". Entonces, ¿qué debemos hacer? Tenemos que recurrir a pequeños trucos... Al configurar la columna central (en la que en realidad tenemos toda la página) a un tamaño de 800 píxeles, determinamos de una vez por todas su ancho, y la primera y tercera columnas adimensionales, en Además de la decoración, actúan como una especie de “resortes” sobre los que se apoya la columna central. Entonces, para personas con una resolución de monitor pequeña, estas ventanas/campos serán estrechos, y para personas con una resolución alta, serán anchos. por lo que la columna central no se verá afectada de ninguna manera y ahora podremos colocar cualquier objeto en ella con total confianza, con referencia local precisa, sin preocuparnos por su destino futuro. Compare el primer ejemplo, donde hay tres ventanas, y el tercero, donde ya hay cinco, ¿no es mejor?

Terminaremos con la colocación y tamaños de marcos... y ya llevamos mucho tiempo estancados aquí... sigamos adelante.

Le damos a los marcos una apariencia ordenada.

En nuestro último ejemplo, lo primero que llama la atención es un montón de barras de desplazamiento que están ahí donde se necesitan y donde no se necesitan. Vamos a deshacernos de ellas, bueno, puedes dejarlas en algún lugar. Esto se hace usando el atributo desplazamiento- etiqueta , puede tener uno de tres valores:

No
Sí- mostrar siempre
auto

marcos

desplazamiento="no">

desplazamiento="no" >

desplazamiento="no">

Los campos de marco, o la distancia desde los límites del marco hasta el texto o la imagen, como en nuestro caso, se especifican en píxeles mediante atributos. ancho de margen Y altura del margen etiqueta

marcos

ancho de margen="0" altura de margen="0">

ancho de margen="10" altura de margen="10">

Hablemos un poco sobre el marco alrededor de nuestros marcos.

Si notó, en el último ejemplo, al pasar el cursor sobre el borde del marco, el cursor adquiere una apariencia diferente (agarrar y mover) y ahora este borde se puede arrastrar en cualquier dirección mientras se mantiene presionado el botón izquierdo. botón del ratón. A veces, esta "movilidad" de los límites del marco favorece al webmaster, pero la mayoría de las veces sigue interfiriendo. Para evitar que el usuario juegue con los tamaños de ventana de la etiqueta se le ocurrió un atributo noresize

marcos

noresize>

noresize>

noresize>
noresize>

noresize>

Pero este es un atributo que nos resulta familiar desde hace mucho tiempo. borde establece el ancho en píxeles de estos mismos cuadros entre los cuadros... está escrito dentro de la etiqueta . Lo mismo que antes significado borde="0" nos liberará completamente de los frameworks.

marcos

borde="0">

borde="0">

borde="0">

Marcos y enlaces.

Es hora de revivir nuestro sitio con enlaces, pero aquí está el problema, el conocido enlace común y corriente. Frijoles en una olla, al estilo italiano se abrirá este documento en el mismo marco donde se ubica, en nuestro caso directamente en el marco con el contenido, y el contenido en sí al momento de hacer clic en este enlace irá al olvido.. puedes mirar el ejemplo torpe.. haz clic en cualquier enlace en él... Entonces, en el futuro esto no sucedió, es necesario decirle al navegador en qué marco abrir el documento que necesitamos, a menos que, por supuesto, realmente necesite abrirlo en el mismo marco.

Recuerdo que ya nos familiarizamos, en el capítulo dedicado a los enlaces, con los atributos. nombre- nombre y objetivo- objetivo, también se utilizan cuando se trabaja con marcos, el mecanismo ha cambiado ligeramente y es casi el mismo. En primer lugar, hay que asignar un nombre individual al marco en el que queremos abrir los documentos.

está escrito así:

nombre="osnovnoe"> se te ocurre cualquier nombre... lo principal es no olvidarlo...

Está escrito así:

objetivo="osnovnoe">Frijoles en olla, estilo italiano

Bueno, creo que no hace falta explicarte que antes de consultar cualquier documento, debes crearlo... en mi caso, los archivos (recetas) tienen los nombres text.html, text1.html, text2.html. ...

Mira el ejemplo:

Archivo index.html

marcos

nombre="osnovnoe" ancho de margen="10" altura de margen="10" noresize>

Menú de archivo.html

marcos

Menú:

objetivo="osnovnoe">Sopa de champiñones

objetivo="osnovnoe">Frijoles en olla, estilo italiano

objetivo="osnovnoe">Ensalada de verano australiana

... ... ...

Al igual que antes, el documento se puede abrir en ventana separada. Déjame recordarte que está escrito así:

objetivo="_en blanco">Frijoles en olla, estilo italiano

O asignando el atributo objetivo significado _arribaábrelo en la misma ventana del navegador, pero en pantalla completa.. “poniendo a cero” todo lo que hay allí.. está escrito así:

objetivo="_top">Frijoles en olla, estilo italiano

Así quedó el sitio... por supuesto, aún queda trabajo y trabajo por hacer... además, según mi idea, tendrá una estructura ligeramente diferente en términos de navegación por el sitio, tendrá un montón de páginas más, hermoso menú, pero en cuanto a la estructura del marco, creo que seguirá siendo la misma.

marco flotante

A veces es necesario insertar otro documento HTML o incluso una serie de dichos documentos en una página que contiene una estructura sin marco en una ventana separada. Para lograr este propósito existe una etiqueta. - el llamado marco flotante. Esta etiqueta tiene varios atributos: src - <a href="https://innovakon.ru/es/internet/yazyk-php-g-left-feedback-forma-obratnoi-svyazi-na-php-s-otpravkoi-na-e-mail-html-i-obyazatelnye-atr.html">atributo requerido</a>, indicando la ruta a la página a abrir ancho- ancho del marco flotante en píxeles o porcentajes altura- altura del marco flotante desplazamiento- mostrar barra de desplazamiento<ul><li>No- nunca mostrar la barra de desplazamiento,</li><li>Sí- mostrar siempre</li><li>auto- muéstralo si es necesario.</li> </ul>alinear- alineación del marco flotante <ul><li>izquierda- izquierda</li><li>bien- bien</li><li>arriba- más alto</li><li>abajo- abajo</li> </ul>borde del marco- presencia de un marco alrededor del marco flotante <ul><li>1 - habilitar marco</li><li>0 - apaga el marco</li> </ul>En conjunto está escrito así: <iframe src="primer.html" width="300" height="250" align ="left" scrolling="auto" frameborder="1" >

Documento de ejemplo con marco flotante:

marco flotante

En esta página se ha introducido el llamado "marco flotante".
En una ventana separada, abre otro documento html para su visualización.

… … …

Sin marcos

Algunos navegadores no admiten la estructura del marco del documento o la interpretan incorrectamente; además, los usuarios a menudo desactivan deliberadamente la compatibilidad con el marco en la configuración de su navegador; estructuras html documento. Y aunque el porcentaje de estos navegadores y usuarios es pequeño, existen.

Ahora imagine que ha creado su sitio web utilizando una estructura de marco y algunos visitantes, tal vez sin saber cuál es el problema, intentan abrir su sitio web y su navegador muestra un error. ¿Qué pensarán de su sitio? Pienso algo como: "Uf... algún tipo de tontería... ¡No volveré aquí otra vez!".

Para dejar claro al usuario que su navegador/la configuración del navegador no admite marcos, existe una etiqueta

El resultado del ejemplo se notará si su navegador realmente no admite marcos (esto lo pensé durante mucho tiempo... :) si es así, ¿por qué leer este capítulo?) o si desactivó la compatibilidad con marcos en su navegador como experimento.

Etiqueta