Le
langage HTML est composé de balises permettant de personnaliser un texte (
souligner,
colorer,
mettre en gras une phrase) mais aussi (et surtout) de mettre en forme votre page.
Il est le premier langage à connaitre lorsque l'on crée un site car tout ce qui sera visible par le visiteur (texte, images, ...) sera affiché grâce au
HTML , c'est lui qui va faire en sorte que "tel élément est un titre", "insère une image à tel endroit".
Une balise est encadrée par deux caractères, le signe inférieur "<" et le signe supérieur ">", exemple :
<b>
Nous allons voir comment utiliser les deux types de balises existantes, les
balises fonctionnant par paire et les
balises uniques.
Les balises fonctionnant par paire :
Une balise fonctionnant par paire est composée d'une balise d'ouverture et d'une balise de fermeture.
Exemple avec la balise permettant de mettre un texte en gras :
<b>Mon texte en gras</b>
Ici, la balise d'ouverture est
<b> et la balise de fermeture est
</b>.
Vous remarquerez que la balise de fermeture est précédée par un slash "/", ce qui indique qu'il s'agit bel et bien de la balise de fermeture.
Ce type de balise ne doit englober que le texte sur lequel elle doit agir.
Les balises uniques :
Les balises uniques disposent uniquement d'une balise d'ouverture suivie d'un slash "/" pour la fermer à la fin de son utilisation, exemple avec la balise permettant d'insérer une image
<img src="./dossier/image.jpg" height="35" width="50" alt="titre de l'image" />
Les
attributs complètent les
balises HTML en ajoutant des informations, des propriétés en plus de la balise.
Chaque balise peut comporter plusieurs attributs.
Un attribut peut se présenter sous la forme :
<table align="center" width="500">
La balise <table> définit le début d'un tableau;
L'attribut
align dont la valeur est
center indique que le contenu du tableau sera centré;
L'attribut
width dont la valeur est
500 indique que la largeur du tableau sera de 500pixels;
En
HTML , il est parfois nécessaire de
commenter son code source afin de s'y retrouver dans les centaines de lignes de codes.
Ces commentaires ne seront visibles que dans la source de votre fichier et invisibles dans votre page (le visiteur n'y verra rien à moins d'afficher la source de la page en question).
Pour créer un commentaire, il faut procéder comme ceci :
<!-- Ici j'affiche le commentaire visible uniquement dans la source du site -->
Il faut obligatoirement fermer la balise à la fin du commentaire afin de bien délimiter la partie commentaire.
Nous pouvons remarquer que la balise d'ouverture d'un commentaire est
<!-- et que la balise de fermeture d'un commentaire est
-->.