Résumé : Apprendre le fonctionnement du langage HTML
Page : 1 Chapitres : 4
Système d'exploitation : Windows 9.X, XP, Linux.
Logiciels : Un navigateur (Internet Explorer, Netscape Navigator, Opera...)
La page que vous voyez actuellement est une page Web, elle à pour extension HTML. Cependant cette extension n'a que peu d'utilité car il s'agit en fait d'un document texte (.txt) interprété par votre navigateur (Intenet Explorer, Netscape Navigator, Opera...).On a juste renommé l'extension. Le document texte associé à cette page Web est disponible en cliquant sue le texte du bouton droit et en sélectionnant 'Afficher la source'. Il y a deux différences fondamentales entre une page Web et le fichier texte associé : - Tout d'abord le fichier texte comporte des balises, entre < et >, elle sont ensuite interprété par votre navigateur puis supprimé dans la page Web. - La deuxième différence, qui découle de la première : le texte de la page Web est formaté contrairement au document texte. C'est à dire que vous pouvez voir des soulignement, de la couleur, du gras ou encore de l'italique. Ce formatage est généré par le navigateur grâce aux balises.
Pour créer une page Web, il va donc falloir éditer le document texte avec des balises, puis renommer le fichier en .html. Le navigateur se chargera ensuite de généré la page Web.
Créez un nouveau document texte, pour ça cliquez du bouton droit dans un dossier ou sur le bureau et sélectionnez 'nouveau' puis 'Document texte'. Renommez votre fichier. Ensuite il va falloir en changer l'extension. Si vous voyez un '.txt' à la fin du nom, changez là en '.html' puis passez au chapitre suivant. Si vous ne voyez rien, c'est que l'extension est caché. Dans ce cas là : Ouvrez le poste de travail, entrez dans le menu 'Affichage' puis cliquez sur 'Options' ou 'Options des dossiers'. Là allez dans l'onglet 'Type de fichier', sélectionnez 'Document Texte' dans la liste puis cliquez sur le bouton 'modifier'. Cochez l'option 'Toujours afficher l'extension' en bas de la fenêtre. Validez enfin 2 fois par 'OK'. Vous pouvez maintenant renommer l'extension de votre fichier texte en '.html'
Déjà si vous voulez voir à quoi ressemble le HTML, cliquez du bouton droit sur cette page et sélectionnez 'Afficher la source'. Vous vous trouvez alors face au code HTML. Glissez vers le milieu de la page, vous pouvez alors lire facilement le contenu, seul de temps en temps vous pouvez voir des mots bizzares entre < et >. Ces petits mots sont appellés des balises, elles donnent des informations à votre navigateur.
Le HTML est très logique : Si vous voulez écrire Bonjour, vous tapez Bonjour dans le code source et il apparaîtra Bonjour à l'écran. Si vous voulez écrire bonjour, un problème va se poser car vous ne pouvez taper que du texte "non-formaté" dans le code source, c'est à dire pas de soulignement, pas de couleur, pas de gras, pas d'italique ... RIEN sauf du texte, l'accentuation, la ponctuation et quelques caractères spéciaux. Pour écrire Bonjour, il va donc falloir dire à votre navigateur que vous voulez écrire Bonjour souligné, mais sans le faire. C'est là qu'intervienne les balises. La balise pour dire que vous voulez souligné un mot est <u> (comme underline = souligné en anglais). Vous allez donc placé un <u> avant votre mot. Il va ensuite falloir dire au navigateur que vous voulez qu'il n'y est que Bonjour qui soit souligné, et pas ce qui suit, à la fin du mot Bonjour vous allez donc glissez un </u>, c'est la balises pour dire maintenant, plus de soulignement, jusqu'au prochain <u>.
Allez voir sur cette page pour voir quelques exemples de balises.
Tout d'abord la logique des balises : elle entoure le mot ou le groupe de mot sur lequel porte un caractère spécial. On place <balise> devant le groupe de mot, puis </balise> derrière. On a vu que pour souligné, la balise était u. Nous allons donc écrire dans le code source : <u>C'est écrit en souligné</u> Il va s'affiché : C'est écrit en souligné
Un cas particulier pour la balise <br> qui permet d'aller à la ligne : elle n'a pas de correspondant en </br>. Pour sauter 1 lignes, écrivez : <br><br>
Pour voir près d'une centaine de balises et leur description, cliquez ici.
