Un article vous apprend à apprendre le HTML-tutoriel HTML-php.cn

Le HTML est la base pour apprendre à créer des pages Web. De belles pages Web et des mises en page sont composées de quelques codes HTML. Après avoir lu cet article, vous pouvez simplement comprendre le HTML et vous entraîner davantage. engagé envers Si vous devenez un 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. Ok, commençons : (Les symboles suivants sont tous saisis en anglais)

1 Les règles de base du HTML

<html>
<head>
<title>我的网页</title>
………………………..
</head>
<body>
………………….
</body>
</html>

Copier après la connexion

Presque toutes les pages Web le sont. Il est basé sur ce format. Il s'agit d'une marque qu'une page Web doit avoir. Chaque marque est placée dans <

Copiez le code ci-dessus dans un bloc-notes, puis enregistrez-le en tant que fichier .html. Il deviendra une page Web. Essayez-le

Ensuite, ajoutez les balises Homepage, enregistrer et revoir 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

Vous pouvez également les diviser en plusieurs blocs selon les besoins, le but principal du blocage est de modifier les aspects et de déterminer leurs styles de présentation 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

Enregistrer. Ouvrez-le et essayez-le. Quel est l'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é avec un fond bleu !

Vous pouvez diviser la page Web en huit morceaux en ajoutant beaucoup de blocs

, haha, puis mettre ce que vous voulez dans chaque bloc.

Bien sûr, de nombreux

ajoutent . Si ces paramètres de style sont similaires, il nous sera trop difficile de définir chacun d'entre eux. Nous mettons généralement le style dans un autre fichier .css (. contrôlant le style d'affichage de chaque balise dans la page Web), puis effectuez l'appel là où il doit être appelé. Essayons

Créez un nouveau bloc-notes, renommez-le en c.css, puis ouvrez-le et écrivez. :

#header{width:200px;height:100px;border-style:solid;}

Copier après la connexion

et supprimez-le dans un.html

puis ajoutez c.css" />

signifie importer 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, remplacez le

de a.html par

Étiquettes associées：

html

source：php.cn

Article précédent：Utilisez une expression régulière pour rechercher des balises HTML avec l'attribut id en HTML Article suivant：FAQ sur les entretiens préliminaires

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