Maison >interface Web >tutoriel HTML >Un article pour vous aider à comprendre les règles de base du HTML et la structure des pages Web
Un article pour vous aider à comprendre les règles de base du HTML et la structure des pages Web
- yuliaoriginal
- 2018-09-11 15:18:322506parcourir
Si vous n'êtes pas déterminé à devenir artiste, alors en tant que développeur, vous pouvez lire le HTML et apporter de simples modifications si nécessaire. Suivez mes idées ci-dessous pour vous assurer que cet article vous aidera à comprendre le HTML. Bien sûr, pendant le processus de lecture, il est préférable de l'essayer vous-même, afin que votre compréhension soit plus approfondie.
1. Règles de base du HTML
<html> <head> <title>我的网页</title> ……………………….. </head> <body> …………………. </body> </html>
Presque toutes les pages Web suivent ce format. C'est une marque qu'une page Web doit avoir. tous placés dans e9b6c884a7da205db81af42fc6e5be14, enregistrez-le et rouvrez-le pour y jeter un œil.
Ensuite, ajoutez la marque 3499910bf9dac5ae3c52d5ede7383485 avant et après la page d'accueil pour la changer en c7edcd5438aed4fd08cf917afe0c61c0Homepage5db79b134e9f6b82c0b36e0489ee08ed, enregistrez-la et voyez à nouveau l'effet ?
S'agit-il des hyperliens que nous voyons habituellement en ligne ? C'est juste qu'il n'y a aucun changement en cliquant sur "Accueil" ici, car la connexion vide que nous avons ajoutée consiste à frapper pendant que le fer est chaud. Nous suivons la méthode précédente pour créer une page, l'enregistrons sous b.html, puis remplaçons la. "#" ci-dessus avec b.html Ouvrez-le, cliquez sur la page d'accueil et il passera à la page b. (Bien sûr, les pages a et b doivent se trouver dans le même répertoire.) Vous devez maintenant comprendre qu'en fait, toutes les fonctions de la page Web sont implémentées par différentes balises similaires à 3499910bf9dac5ae3c52d5ede7383485. rappelez-vous la fonction de ces balises.
2. Structure des pages Web
Si vous faites attention lorsque vous surfez sur Internet, les pages Web sont en fait divisées en blocs. Bien sûr, il ne s'agit que d'une structure approximative. Vous pouvez la diviser en plusieurs blocs selon vos besoins. Le but principal de la division des blocs est de modifier les aspects et de déterminer leurs styles de performance respectifs. Ceci est principalement réalisé grâce à la balise dc6dce4a544fdca2df29d5ac0ea9906b16b28748ea4df4d9c2150843fecfba68. Laissez-moi essayer d'ajouter la balise dc6dce4a544fdca2df29d5ac0ea9906b à la "Page d'accueil" :
<div> <a href=”b.html”>首页</a> </div>
Enregistrez et essayez de l'ouvrir. Est-ce que ça a un effet ? Est-ce toujours le même qu'avant la modification ? Ajoutons-y quelques modifications :
<div style=”width:200px;height:100px;border-style:solid;” >
est en cours d'exécution, et le bloc que nous avons marqué est affiché sur fond bleu ! En ajoutant beaucoup de blocs dc6dce4a544fdca2df29d5ac0ea9906b16b28748ea4df4d9c2150843fecfba68, vous pouvez diviser la page Web en huit morceaux, haha, puis mettre ce que vous voulez dans chaque bloc. Bien sûr, de nombreux dc6dce4a544fdca2df29d5ac0ea9906b sont ajoutés avec . Si ces paramètres de style sont similaires, il serait trop difficile pour nous de définir chacun d'entre eux. Nous mettons généralement le style dans un autre fichier .css (en contrôlant chaque élément). la page Web). Marquez le style d'affichage), puis effectuez l'appel là où il doit être appelé. Essayons
Créez un nouveau bloc-notes, renommez-le en c.css et ouvrez-le, écrivez :
#header{width:200px;height:100px;border-style:solid;}et supprimez-le dans un.html. Ajoutez ensuite a6f64073bf04da05af6a8dffbf7944f2 avant 9c3bca370b5104690d9ef395f2c5f8d1, ce qui signifie introduire le fichier c.css. L'avantage de mettre le css dans un fichier séparé est que si ce style est référencé à plusieurs endroits, il suffit de modifier celui-ci et tout changera sinon, il faudra modifier manuellement chaque endroit, ce qui n'est pas propice à plus tard. entretien.
Enfin, changez le dc6dce4a544fdca2df29d5ac0ea9906b de a.html en 4491e45d6f8c93b3d740a42a3cd9ca89 l'effet sera-t-il le même qu'avant ?
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!