communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > Comment utiliser le framework HTML

Comment utiliser le framework HTML

墨辰丷
Libérer： 2018-06-04 15:40:33
original
8106 Les gens l'ont consulté

Une fenêtre de document de navigateur ne peut afficher qu'un seul fichier de page Web, mais vous pouvez afficher plusieurs pages dans la même fenêtre de navigateur en utilisant des cadres HTML

. 1. Cadres

Une fenêtre de document de navigateur ne peut afficher qu'un seul fichier de page Web, mais vous pouvez afficher plusieurs pages dans la même fenêtre de navigateur en utilisant des cadres. Les pages qui utilisent des cadres comprennent principalement deux parties, l'une est l'ensemble de cadres et l'autre est le fichier de cadre spécifique.

Les frames sont principalement utilisés pour la mise en page des backends de sites Web ou des systèmes intranet.

1. Frameset () : est un fichier utilisé pour définir ce document HTML comme mode cadre et définir la façon dont la fenêtre est divisée. En termes simples, un jeu de cadres est un fichier qui stocke la structure du cadre et constitue également un fichier d'entrée permettant d'accéder aux fichiers de cadre. Si une page Web se compose de deux cadres gauche et droit, en plus des deux fichiers de page Web gauche et droit, il existe également un fichier de jeu de cadres général. Dans les pages qui utilisent des cadres, la balise est remplacée par la balise frame . Chaque cadre contenu dans la page de cadre est défini via la balise

Attribut rows : divise la fenêtre horizontalement. Les fenêtres divisées horizontalement consistent à couper la page dans le sens horizontal, c'est-à-dire à diviser la page en plusieurs fenêtres disposées de haut en bas. Les lignes peuvent prendre plusieurs valeurs, chaque valeur représente la largeur horizontale d'une fenêtre frame et son unité peut être des pixels ou un pourcentage du navigateur. Cependant, il convient de noter que généralement lorsque plusieurs valeurs de lignes sont définies, plusieurs images sont requises, c'est-à-dire qu'un nombre correspondant de paramètres 

  <html>
  
  <head>
  
  <title>水平分割窗口的效果</title>
  
  </head>
  
 <frameset rows="30%,70%">
 
     <frame>
 
     <frame>
 
 </frameset>
 
 </html>
Copier après la connexion

Attribut cols : divise la fenêtre verticalement. Les fenêtres divisées verticalement consistent à diviser la page en plusieurs fenêtres dans le sens vertical, c'est-à-dire à diviser la page en plusieurs fenêtres disposées à gauche et à droite. cols peut prendre plusieurs valeurs, chaque valeur représente la largeur horizontale d'une fenêtre frame et son unité peut être des pixels ou un pourcentage du navigateur. Semblable à la fenêtre divisée horizontalement, généralement si vous définissez plusieurs valeurs de colonnes, vous devez avoir plusieurs cadres, c'est-à-dire qu'il existe plusieurs paramètres 

  <html>
  
  <head>
  
  <title>垂直分割窗口的效果</title>
  
  </head>
  
<frameset cols="20%,55%,25%">
 
     <frame>
 
     <frame>
 
     <frame>
 
 </frameset>
 
 </html>
Copier après la connexion

Attribut frameborder : définit la bordure. Par défaut, il y a une ligne de bordure autour de la fenêtre frame et l'affichage de la ligne de bordure peut être ajusté via le paramètre frameborder. La syntaxe est :

ou . La valeur de frameborder ne peut être que 0 ou 1. Si la valeur est 0, la ligne de bordure sera masquée ; si la valeur est 1, la ligne de bordure sera affichée. Le définir dans frameset sera efficace pour l’ensemble du cadre, et le définir dans frame ne sera efficace que pour le cadre actuel. 

  <html>
  
  <head>
  
  <title>设置框架窗口的边框显示效果</title>
  
  </head>
  
  <frameset rows="20%,55%,25%">
 
 <frame frameborder="1">
 
 <frameset cols="35%,65%" frameborder="0">
 
 <frame >
 
 <frame>
 
 </frameset>
 
 <frame frameborder="0">
 
 </frameset>
 
 </html>
Copier après la connexion

attribut framepacing : la largeur de la bordure du cadre. La largeur de la bordure du cadre est de 1 pixel par défaut, et sa taille peut être ajustée via les paramètres framepacing.

Syntaxe :

Explication : La largeur de la bordure est la largeur des lignes entre les bordures de la page, en pixels. Ce paramètre ne peut être utilisé que pour les jeux de cadres et n'est pas valide pour un seul cadre. 

  <html>
  
  <head>
  
  <title>设置框架的边框宽度</title>
  
  </head>
  
 <frameset rows="30%,70%" framespacing="10">
     <frame>
 
       <frameset cols="20%,55%,25%" framespacing="30">
 
         <frame>
 
         <frame>
 
         <frame>
 
       </frameset>
 
 </frameset>
 
 </html>
Copier après la connexion

propriété bordercolor : La couleur de la bordure du cadre. Utilisez le paramètre bordercolor pour définir la couleur de la bordure du jeu de cadres.

Syntaxe :

Remarque : Ce paramètre n'est également valable que pour l'ensemble du jeu de cadres, pas pour un seul cadre. 

  <html>
  
  <head>
  
  <title>设置框架的边框颜色</title>
  
  </head>
  
 <frameset rows="30%,70%" framespacing="10" bordercolor ="#CC99FF">
 
     <frame>
 
      <frameset cols="20%,55%,25%" framespacing="30" bordercolor ="#9900FF">
 
         <frame>
 
         <frame>
 
         <frame>
 
       </frameset>
 
 </frameset>
 
 </html>
Copier après la connexion

2. Attributs Frame () et src.

Chaque page de la structure du cadre est un texte distinct, et ces fichiers sont définis via le paramètre src.

Syntaxe :

Explication : Le fichier de page est l'endroit où se trouve le contenu spécifique de la page du cadre pour les cadres qui n'en ont pas. un ensemble de fichiers source, il est simplement vide. La page n'a aucun effet. Le fichier source de la page peut être un fichier HTML normal, ou il peut s'agir d'une image ou d'un autre fichier. 

  <html>
  
  <head>
  
  <title>设置页面源文件</title>
  
  </head>
  
 <frameset rows="30%,70%">
 
     <frame src="pic01.gif">
     <frame src="src01.html">
 
 </frameset>
 
 </html>
Copier après la connexion

3. La balise

cadres de support Afficher le contenu de la page. 

  <html>
 <frameset cols="25%,50%,25%">
    <frame src="/example/html/frame_a.html">
    <frame src="/example/html/frame_b.html">
    <frame src="/example/html/frame_c.html">
  <noframes>
  <body>您的浏览器无法处理框架！</body>
  </noframes>
  </frameset>
 </html>
Copier après la connexion

2. Cadre flottant (

Description : Semblable à la structure de cadre ordinaire, le cadre flottant peut également définir de nombreux paramètres, tels que comme nom, défilement, bordure de cadre, etc. Mais par rapport aux cadres ordinaires, les cadres flottants ne contiennent pas de paramètres framepacing et bordercolor.

src属性：浮动框架中最基本的参数就是src，它用来设置浮动框架页面的源文件地址，也是浮动框架页面必需的参数。因为只有设置了源文件的内容，浮动框架才有意义。语法：