Il n’existe pas de langage sans règles et HTML ne fait pas exception à cela. Ces règles définissent la structure de base de tout document HTML. Elles doivent donc être respectées en toutes circonstances.
Les documents HTML contiennent des tags, le texte qui détermine la façon dont le contenu sera affiché. Ces tags seront interprétés par le navigateur qui se charge de l’affichage du document HTML à l’écran.
Tous les tags HTML sont inclus dans les caractères " < " et " > ". Entre ces 2 caractères, on place le nom du tag utilisé.
Remarque: Que vous saisissiez le nom du tag en majuscule ou en minuscule n’a aucune importance.
Il ne faut pas saisir d’espace avant et après le nom du tag. Cela pourrait avoir pour conséquence la non-prise en compte du tag par le navigateur.
Une situation enclenchée par un tag reste active jusqu’à ce que vous désactiviez le tag. Pour faire cela, il suffit d’utiliser le même tag que celui de l’activation en ajoutant un slash " / " avant son nom.
Par exemple si je met <I> devant un texte, tout celui ci s ‘écrit en italique.
Si je veux que seule une partie soit en italique, il suffit d’encadrer le texte à mettre en italique par <I> Votre texte à mettre en italique</I> Le texte ici redevient normal.
Remarque : les tags peuvent être imbriqués. Vous pouvez mettre une partie en gras et italique et un mot de cette partie souligné.
Certains tags n'ont pas besoin de tags de fin. Il s'agit de tags qui ont une action unique tel le saut du ligne ou l'insertion d'une image.
Pour certains tags, il est nécessaire de spécifier des attributs. Ceux-ci se placent après le nom du tag mais toujours entre "<" et ">".
Il faut laisser un espace entre le nom du tag et l'attribut.
Caractères spéciaux:
Certains caractères ne peuvent être affichés directement : par exemple les guillemets car ils sont utilisés dans la syntaxe du HTML. Il existe donc des entités qui codent certains caractères. Les accents doivent être mis ainsi, car sur une machine non configurée pour la langue française, les accent ne seront correctement affichés que sous forme d'entités.
Toutes les pages HTML ont la même structure de base :
<HTML>
<HEAD>
<TITLE>On place ici le titre de la page</TITLE>
</HEAD>
<BODY>
On place ici le contenu effectif de la page ...
</BODY>
</HTML>
Dans l'en-tête, dont la
définition commence par le tag <HEAD> et finit par
</HEAD>, sont stockées les informations relatives au
document. ( titre, auteur, etc...)
Le contenu effectif de la page
Web est placé entre les tags <BODY> et </BODY>. Le
tag </HTML> termine le document HTML.
Vous pouvez dès maintenant commencer à faire vos premières pages. Après cette première leçon, vous connaissez désormais les bases du HTML.
Si vous voulez vous entrainer un peu sur tout ce que vous avez vu précédement, voici un petit exercice
Cliquez sur le bouton retour en arrière de votre navigateur pour après revenir ici.
Dans cet exercice,
vous allez créer votre première page HTML.
Pour créer une page HTML, un simple traitement de texte suffit.
Personnellement, j'utilise le bloc-notes qui est très simple et très pratique.
Après avoir tapé votre texte dans le bloc-notes, utilisez la commande Enregistrer sous. Comme type de fichiers, choisissez Tous (*.*). Comme nom de fichiers, mettez nomdufichier.htm ou nomdufichier.html , il n'y a pas de différence entre les deux, mais rappellez-vous lequel vous avez utilisé pour plus tard, pour pouvoir faire des liens.
En cliquant 2 fois sur le fichier que vous avez créé, il s'affichera dans la fenêtre de votre navigateur.
Essayez de faire la même page que l'exemple. Si vous n'y arrivez pas, avec votre navigateur, cliquez sur le bouton droit de la souris en pointant la page d'exercice, le code de la page s'affichera alors. Si vous avez réussi, bravo !
En savoir +
