r
Résumer sur les différentes balises
en html
Doctype : Elle est indispensable car c’est elle qui indique qu’il s’agit bien d’une page web
html. Ce n’est pas vraiment une balise comme les autres.
<html></html> : C’est la balise principale du code. Elle englobe tout le contenu de votre
page.
<meta charset= ̎ utf -8 ̎ /> : Cette balise indique l’encodage utilisé dans votre
[Link]
<title></title> : C’est le titre de votre page, probablement l’élément le plus important. Toute
page doit avoir un titre qui décrit ce qu’elle contient.
N.B : Il est conseillé de garder le titre assez court (moins de 100 caractères en générale). Le
titre ne s’affiche pas dans votre page mais en haut de celle-ci (souvent dans l’onglet du
navigateur).
<head></head> : l’en-tête, cette section donne quelques informations sur la page comme son
titre, l’encodage (pour la gestion des caractères spéciaux), etc., cette section est généralement
assez courte.
Les informations que contiennent l’en-tête ne sont pas affichées sur la page, ce sont
simplement des informations générales à destination de l’ordinateur. Elles sont cependant très
importantes.
<body></body> : Le corps de la page, c’est là que se trouve la partie principale de la page.
Tout ce que nous écrirons ici sera affiché à l’écran. C’est à l’intérieur du corps que nous
écrirons la majeure partie de notre code
<h1></h1> : Signifie <<titre important>> ; en général, on s’en sert pour afficher le titre de la
page au début de celle-ci.
<h2></h2> : Signifie <<titre important>> ;
<h3></h3> : pareil ; c’est un titre un peu moins important (on peut dire un <<sous-titre>> si
vous voulez).
<h4></h4> : Titre encore moins important ;
<h5></h5> : Titre pas important ;
<h6></h6> : Titre vraiment, mais alors là pas important du tout.
<marquee></marquee> : est une balise qui permet de faire défiler un texte, paragraphe ou
une image
<br/> : est une balise qui nous permet de d’effectuer un retour à la ligne
<strong></strong> : est une balise qui nous permet de mettre une phrase ou un mot en gras
<mark></mark> : est une balise qui nous permet de surligner une phrase ou un mot
<ol></ol> : nous permet de mettre une liste ordonnée
<ul></ul> : nous permet de mettre une liste non ordonnée
<li></li> : est une balise qui nous permet de limiter les éléments dans une liste ordonnée et
dans une liste non ordonnée
<dl></dl> : est une balise qui nous permet de signifier que nous sommes dans une liste de
définition
<dt></dt> : est une balise qui nous permet de signifier le terme à définir dans cette liste de
définition
<dd></dd> : est une balise qui nous permet de donner la définir le terme donné en au-
dessus
<a href></a> : Nous avons la balise a et l’attribut href qui permet de créer des liens externes,
téléchargement des différents fichiers, l’envoie d’un mail
<h2 id></h2> : Nous avons la balise h2 et l’attribut id qui permet de créer des liens internes
<img src></img> : Nous avons la balise img et l’attribut src qui permet d’insérer une image
<table></table > : Nous permet que nous de signifier que nous voulons créer un tableau
<tr></tr> : nous permet de mettre en place les ligne du tableau
<td></td> : nous permet de mettre en place les colonnes du tableau
<th></th> : nous permet de vraiment donner une forme à notre tableau
Colspan : est un attribut qui vient après la balise td elle nous permet de fusionner les lignes
Rowspan : est un attribut qui vient après la balise td elle nous permet de fusionner les
colonnes
