Exemple de code HTML Frameset_HTML/Xhtml_Production de pages Web

Cet article présente un framework que Frameset ne peut pas être plus simple à créer.

Jetons d'abord un coup d'œil à la structure des pages de ce framework. Puisqu'il s'agit d'un programme de test purement fait à la main, je viens de créer du code dans Notepa, ce qui est très approximatif. Mais il contient toujours le contenu général de Frameset. Bon, revenons aux choses sérieuses, examinons d’abord la structure des fichiers.

1.Frame.html contient la structure du frame

2.link.html contient la barre de menu gauche du cadre

3.firstPage.html contient une ligne de texte sur la page principale du cadre (j'ai la flemme de bien le faire)

4.secondPage.html est similaire à 3 ci-dessus et est utilisé pour les tests.

Ce qui suit est une capture d'écran (pas clair, c'est la première fois que je fais ça)

Regardez d'abord le code dans Frame.htm :

"link.html" noresize="yes" border="1px" scrolling="auto" bordercolor="blue" >



Cela ne semble-t-il pas très simple ? Il s'agit principalement d'un élément Frameset, puis l'attribut cols="159px,*" est défini. La fonction de cet attribut est de diviser la page en 159 pixels et deux autres zones. Comme le montre l'image ci-dessus.

Ensuite, il y a la balise frame. L'attribut cols ci-dessus a plusieurs valeurs, et le sous-élément Il existe ensuite certaines propriétés communes de . Y compris la largeur de la bordure, si les barres de défilement apparaissent, la couleur de la bordure et si les utilisateurs sont autorisés à modifier la taille. De quel fichier source s'agit-il et quelques autres attributs.

Ensuite, le deuxième fichier source pointe vers firstPage pour les tests.

Suivant est link.html :

Mon site Web


 
• Première page


• Deuxième page




• Mon compte
  
  
   
   
  • Gestion
  
   
  • Paiement en ligne
  
   
  • S'inscrire au versement
  
    < ;li>Recrutement en ligne
  
  • Comptes historiques
    
  
  


• Gestion du site Web< ;/a>
   
  
  
  • Connexion
  
       角色管理
      
  • 用户管理   
  
    

 

       做的一个下拉菜单，有兴趣的可以自己看一下，我感觉自己能用起来，知道怎么改就OK了。

下面是两个测试页面，由于这连个测试页面稍微懂点HTML的都能写出来，这里就只贴出页面1的代码：

 

第一个页面

< ;/corps>


估计高手看到这都要吐了，一定说很垃圾，不过只是记录下自己做的小东西。呵呵，见谅了啊。