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

yulia
Libérer: 2018-09-11 15:18:32
original
2540 Les gens l'ont consulté

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>
Copier après la connexion

Presque toutes les pages Web suivent ce format. C'est une marque qu'une page Web doit avoir. tous placés dans < Copiez le code ci-dessus dans un bloc-notes, puis enregistrez-le sous forme de fichier .html. Il deviendra une page Web. Essayez-le ! Ensuite, ouvrez-le en mode Bloc-notes, ajoutez le mot « Page d'accueil » entre , enregistrez-le et rouvrez-le pour y jeter un œil.

Ensuite, ajoutez la marque avant et après la page d'accueil pour la changer en Homepage, 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 à . 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

. Laissez-moi essayer d'ajouter la balise
à la "Page d'accueil" :

<div>
<a href=”b.html”>首页</a>
</div>
Copier après la connexion

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;” >
Copier après la connexion

est en cours d'exécution, et le bloc que nous avons marqué est affiché sur fond bleu ! En ajoutant beaucoup de blocs

, vous pouvez diviser la page Web en huit morceaux, haha, puis mettre ce que vous voulez dans chaque bloc. Bien sûr, de nombreux
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;}
Copier après la connexion

et supprimez-le dans un.html. Ajoutez ensuite avant

, 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

de a.html en
É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