Les balises et leurs attributs
Les balises et leurs attributs
Les pages HTML sont remplies de ce qu'on appelle des balises. Celles-ci sont invisibles à l'écran pour vos visiteurs, mais elles permettent à l'ordinateur de comprendre ce qu'il doit afficher.
Les balises se repèrent facilement. Elles sont entourées de « chevrons », c'est-à-dire des symboles < et >, comme ceci : <p> (balise pour un paragraphe)
À quoi est-ce qu'elles servent ? Elles indiquent la nature du texte qu'elles encadrent. Elles veulent dire par exemple : « Ceci est le titre de la page », « Ceci est une image », « Ceci est un paragraphe de texte », etc.
Par exemple
Code : HTML
<p>Ceci est un paragraphe</p> |
On distingue une balise ouvrante (<h2>) et une balise fermante (</h2>) qui indiquent ici un titre. Cela signifie pour le navigateur que tout ce qui est entre ces deux balises… est un titre.
Code : HTML
Ceci n'est pas un titre <title>Ceci est LE titre de la page</title> Ceci n'est pas un titre |
<img /> |
Notez que le / de fin n'est pas obligatoire. On pourrait écrire seulement <img>. Néanmoins, pour ne pas les confondre avec le premier type de balise, les webmasters recommandent de rajouter ce / (slash) à la fin des balises orphelines. Vous me verrez donc mettre un /aux balises orphelines et je vous recommande de faire de même, c'est une bonne pratique.
Modifiez donc votre page pour mettre votre texte dans des paragraphes !
Essayez donc de visualiser à nouveau votre page. Pour cela enregistrez votre travail en cliquant sur la petite disquette bleue ou en faisant : "fichier/enregistrer"
Aller voir votre page et appuyer sur la touche "F5" pour actualiser votre navigateur.
Vous devez maintenant avoir quelque chose comme ça :
bien, on est revenu à la ligne mais mes accents sont toujours moches !
Patience petit Padawan, nous allons soigner ça au prochain chapitre.
Créé avec HelpNDoc Personal Edition: Sites web iPhone faciles