Si vous ne vous engagez pas à devenir artiste, alors en tant que développeur, vous pouvez comprendre le HTML et apporter des modifications simples si nécessaire. Suivez mes idées ci-dessous pour vous assurer qu'un article vous permet de comprendre HTML. Bien sûr, pendant le processus de lecture à nouveau, il est préférable de l'essayer vous-même, afin que la compréhension soit plus profonde. OK, commencez par ci-dessous: (Les symboles ci-dessous sont tous entrés en anglais)
1. Règles de base de HTML<html>
<adal>
<Title> Ma page Web </TITME>
……………………………………………………………………
</ head>
<body>
………………………………………………….
</docy>
</html>
Presque toutes les pages Web sont dans ce format. Il s'agit d'une marque incontournable pour une page Web. Chaque marque est placée dans <> et se termine par </>, sauf qu'il y a beaucoup de choses désordonnées ajoutées à l'ellipsis, ce que nous voyons.
Copiez le code ci-dessus dans un bloc-notes et enregistrez-le en tant que fichier A.HTML et il devient une page Web. Essayons-le
Ci-dessous, ouvrez-le dans le bloc-notes, ajoutez la page d'accueil du mot entre <body>, enregistrez-la, puis ouvrez-la, voyez l'image suivante:
Ensuite, ajoutez une marque à l'avant et à l'arrière de la page d'accueil et modifiez-la en <une page d'accueil href = #> </a>, enregistrez-le et voyez quel est l'effet?
Est-ce l'hyperlien que nous voyons habituellement en ligne? Mais la page d'accueil n'est pas modifiée lorsque vous cliquez sur la page d'accueil ici, car nous avons ajouté une connexion vide et appuyé sur le fer pendant qu'il est chaud. Nous avons suivi la méthode précédente et créé une page, enregistrée en tant que B.HTML, puis remplacé le # ci-dessus par B.HTML. Après l'ouverture, cliquez sur la page d'accueil, allons-nous passer à la page B? (Bien sûr, les pages A et B doivent être dans le même répertoire) jusqu'à ce que ici, vous devez comprendre qu'en fait, toutes les fonctions sur les pages Web sont implémentées par différentes balises comme <a>, et vous vous souvenez des fonctions de ces balises lorsque vous devez les faire.
2. Structure du site WebSi vous faites attention lorsque vous surfez sur Internet, les pages Web sont en fait divisées en morceaux, comme indiqué sur l'image
Bien sûr, ce n'est qu'une structure générale. Vous pouvez également le diviser en de nombreux blocs en fonction de vos besoins. Les blocs sont principalement pour modifier les aspects et déterminer leurs styles d'expression respectifs.
Ceci est principalement réalisé via la balise <v> </div>. Permettez-moi d'essayer d'ajouter la balise <div> à la page d'accueil:
<div>
<a href = b.html> page d'accueil </a>
</div>
Enregistrez, essayez-le lorsque vous l'ouvrez, quel effet sera-t-il?
Est-ce toujours le même qu'avant la modification? Ajoutons-y quelques modifications:
<Div style = largeur: 200px; hauteur: 100px; style bordure: solide; >
Lors de la course, la pièce que nous avons marquée est représentée par un fond bleu!
Ajoutez beaucoup de blocs <v> </div> pour supprimer la page Web d'une grande quantité, haha, puis mettez ce que vous voulez mettre dans chaque bloc.
Bien sûr, beaucoup <v> ont un style =. Si ces paramètres de style sont similaires, chacun de nos paramètres sera trop gênant. Nous plaçons généralement des styles dans un autre fichier .css (contrôle les styles d'affichage de chaque marque de la page Web), puis les appelons où ils doivent être appelés. Essayons-le ci-dessous
Créez un nouveau bloc-notes, renommez-le à C.CSS et ouvrez-le, et écrivez-le à:
#Header {largeur: 200px; hauteur: 100px; style bordure: solide;}
Et supprimez-le en A.Html
Puis ajoutez <link rel = Stylesheet type = text / css href = c.css /> avant </ head>
Autrement dit, introduire le fichier C.CSS. L'avantage de mettre CSS dans un fichier séparé est que si de nombreux endroits se réfèrent à ce style, tant que nous modifions cet endroit, tous changent, sinon nous devons modifier manuellement chaque endroit, ce qui n'est pas propice à la maintenance ultérieure.
Enfin, modifiez le <v> de A.Html en <div id = en-tête>
L'effet est-il le même qu'avant?
Presque, à ce stade, je ne peux probablement pas écrire de poèmes et les réciter. Cet article est principalement pour permettre à tout le monde d'avoir une compréhension générale de HTML et de savoir ce qui se passe. Il existe encore de nombreuses balises qui ne sont pas impliquées. Vous devez trouver ce livre pour la conception Web et le mémoriser.