Tutoriel d'apprentissage d'introduction à XHTML : production de pages Web simples_HTML/Xhtml_production de pages Web

Créez votre première page Web en une minute :
Essayons de créer une page Web simple. Nous espérons que vous pourrez nous suivre. Cela ne vous prendra qu'une minute. Maintenant, vous ne savez peut-être pas ce que sont ces crochets "" et les lettres à l'intérieur, ne vous inquiétez pas, nous vous les présenterons dans le tutoriel suivant.
Exécutez d'abord le Bloc-notes ou créez un nouveau document texte n'importe où et saisissez le contenu suivant dans le Bloc-notes :
Voici le contenu cité :

Ceci est ma première page Web.

Après avoir terminé la saisie, enregistrez le fichier et nommez-le "index.html". (Cliquez sur "Fichier" -> "Enregistrer sous". Remplissez "index.html" dans la colonne "Nom du fichier", sélectionnez "Tous les fichiers" dans la colonne "Type d'enregistrement", puis cliquez sur le bouton "Enregistrer")
Après avoir enregistré, double-cliquez sur le fichier et le navigateur ouvrira automatiquement la page Web. Veuillez confirmer si votre page Web est la même que cette page. Si elle est identique, alors vous avez terminé avec succès votre première page Web relativement simple.
Veuillez noter qu'il ne s'agit que d'une simple page. Bien qu'elle soit syntaxiquement conforme à la norme XHTML, il lui manque certains contenus si elle doit être utilisée comme une page Web XHTML complète et conforme au W3C. Le contenu pertinent sera introduit dans les didacticiels ultérieurs. Cette page sert uniquement à expliquer quelques connaissances de base en XHTML.
Explication des connaissances de base
La page Web que nous venons de créer commence par et se termine par , qui représentent respectivement le début et la fin du fichier de la page Web.
En anglais, head signifie tête et body signifie corps. Les deux parties de la page Web, et , représentent respectivement la « tête » et le « corps » de la page Web. Peut-être avez-vous remarqué qu'il y a un dans "l'en-tête" de notre page Web. Le mot titre signifie titre, et le titre de la page Web (titre) sera affiché dans la barre de titre au-dessus du navigateur. page Web Le corps, c'est-à-dire le contenu entre les balises et , sera affiché dans le navigateur sous forme de corps de texte.
Cette page Web est très fine, avec peu de contenu dans la tête et dans le corps. Nous enrichirons progressivement le contenu de la page web dans les prochains tutoriels. Mais maintenant, rappelez-vous un concept : l'en-tête de la page Web est écrit pour le navigateur, qui ne sera pas affiché sur la page, tandis que le corps (corps) est écrit pour les utilisateurs du site Web, et c'est ce que le navigateur affichera. . contenu.
Exemples d'erreurs d'usurpation d'identité XHTML par des débutants
Ouvrez les deux exemples d'erreurs ci-dessous et jetez-y un œil. Leur code contient des erreurs très graves, mais le navigateur affichera ces deux pages avec précision.
Exemple 1 - Le corps grandit dans la tête

C'est ma première page Web.

Regardez la page Web ci-dessus. Le contenu entre et est affiché normalement sur la page. Mais c'était une erreur comique de mettre le corps dans la tête.
Exemple 2 - La tête pousse sous le cou

Ceci est ma première page web.

L’adaptabilité du navigateur est vraiment impressionnante, il peut vous reconnaître même si vous mettez votre tête dans votre corps. Regardez la barre de titre, le titre s'affiche tout à fait normalement.
D'accord, s'il vous plaît, ne commettez pas les erreurs stupides ci-dessus lorsque vous l'appliquez dans la pratique. Cela aura de graves conséquences : les moteurs de recherche risquent de ne pas indexer votre site Web ; les amis qui utilisent des téléphones portables ou d'autres appareils mobiles pour parcourir votre site Web peuvent rencontrer des erreurs inconnues. Entrons rapidement dans le contenu principal de XHTML.