Maison > interface Web > tutoriel HTML > Exemple de code HTML Frameset_HTML/Xhtml_Production de pages Web

Exemple de code HTML Frameset_HTML/Xhtml_Production de pages Web

WBOY
Libérer: 2016-05-16 16:43:03
original
1538 Les gens l'ont consulté

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 :





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

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

 

第一个页面



第一个页面


< ;/corps>


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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal