1. Introduction au HTML
HTML (Hyper Text Markup Language) est un langage de balisage hypertexte. Il relie le texte, les graphiques, les animations, les sons, les tableaux, les liens, etc. sur Internet en un tout grâce à une série de balises. Les informations qui doivent être exprimées sont écrites dans des fichiers HTML selon certaines règles, reconnues par un navigateur dédié, et ces fichiers HTML sont « traduits » en informations identifiables, c'est-à-dire la page Web que vous voyez actuellement. Fournir aux utilisateurs la commodité de trouver et de récupérer des informations.
2. Classement des pages Web
Divisé en pages Web statiques et pages Web dynamiques
(1) Pages Web statiques : les pages Web au format HTML pur ne peuvent permettre que la navigation. Peu importe le moment et l'endroit où elles sont consultées, elles afficheront la même forme et le même contenu, ce qui signifie qu'elles ne peuvent pas interagir avec le site Web. Dans les pages Web statiques, la structure principale de l'ensemble de la page Web et le contrôle d'affichage de la page Web sont implémentés à l'aide de HTML. Les extensions des pages statiques sont généralement .htm, .html, .shtml et .xml.
Les pages Web statiques ne peuvent afficher que du texte et des images sur la page Web. Cela peut sembler simple dans sa fonction, mais il s'agit de l'élément de base de toutes les pages Web et son importance va de soi.
Sur les pages Web statiques, divers effets dynamiques peuvent apparaître, comme une animation au format .gif, du flash, des lettres défilantes, etc. Ces « effets dynamiques » sont uniquement visuels et constituent des concepts différents des pages Web dynamiques.
(2) Pages Web dynamiques : pages Web utilisant une technologie dynamique. Le contenu de la page Web peut automatiquement changer en fonction des changements dans certaines conditions. Différentes des extensions des pages Web statiques, les extensions des pages Web dynamiques sont .asp, .jsp, .php, .perl, .cgi, etc., et il y a un symbole iconique « ? » dans l'URL de la page Web dynamique.
3. Marquer
Symboles utilisés en HTML pour décrire les fonctionnalités.
Les balises doivent être placées entre crochets "<>" lorsqu'elles sont utilisées. Le navigateur interprétera le balisage à l’intérieur des crochets angulaires. Les principales balises couramment utilisées en HTML sont <html>, <head>, <title> et <body>.
Les marqueurs sont divisés en marqueurs simples et marqueurs doubles :
(1) Balise unique : entrez simplement le nom de la balise entre crochets. Une balise unique représente une fonction et n'a aucune portée.
Format : <balise>
Tel qu'une marque de saut de ligne : < br>
(2) Double marque : la marque a un début et une queue, et la marque avant est cohérente avec la marque suivante, mais il y a une barre oblique avant cette dernière marque.
Format : <mark>Jingrui Youzhi</mark>
Tel qu'une marque de paragraphe ; < p> < /p>
4. Composition du balisage HTML
<html><head><title>C Language Network</title></head><body><h1>Comment faire bon usage du C Language Network ? </h1><p>Il y a beaucoup de questions sur le réseau du langage C</p></body></html>
Une page HTML complète est en réalité composée de paires de balises (il existe bien sûr des exceptions).
(1) <html></html> : Les balises d'ouverture et de fermeture de la page Web.
(2) <head>< /head> : les balises de début et de fin des informations d'en-tête de la page Web ;
(3) <body>< /body> : les balises de début et de fin du corps principal de la page Web ;
(4) <title>< /title> : les balises d'ouverture et de fermeture du thème de la page Web ;
(5) < p>< /p> : Les balises de début et de fin du paragraphe de la page Web
5. Technologie de mise en page de pages Web
(1) Technologie de disposition des tableaux : la disposition des tableaux était plus courante dans le passé, consistant à placer divers textes, images, etc. requis dans un tableau sans bordure. L'avantage est qu'il peut traiter différents objets sans se soucier des différences entre les différents. L'inconvénient est que l'utilisation d'un trop grand nombre de tables augmente la quantité de données de la page Web et affecte la vitesse de téléchargement de la page.
(2) Technologie CSS (Cascading Style Sheet) : également connue sous le nom de technologie de mise en page DIV+CSS, elle peut positionner avec précision le texte et les images, séparer les données et le format et réduire considérablement la quantité de données sur la page Web. CSS est un peu difficile pour les débutants, mais c'est effectivement une bonne méthode de mise en page et c'est désormais la technologie de mise en page Web la plus couramment utilisée.