HTML5, le langage
à balises

Les balises
elle sont enfermée dans deux crochets <> comme par exemple en ouverture <b> b pour bold qui signifie gras en anglais. Puis, vient le contenu, (qui pourrait être "comprendre") l'on ferme le contenu avec une balise mais avec une barre oblique. Sinon, il existe un autre exemple <i> et </i> qui indique Italique. Donc, puisque HTML5 est un langage de contenu l'on peut considérer que par exemple la phrase:

"Comprendre le langage est important"
"S'écrit de cette façon comme s'il était traduit de l'anglais au français" :
<gras>Comprendre</gras> le langage est <italique>important</italique>

ce qui donne en html :

<b>Comprendre</b> le langage est <i>important</i>
Pour l'instant, c'est aussi simple que cela, il y a toujours une balise d'ouverture: le contenu; puis la fermeture avec une autre balise et une barre oblique. Cependant, il existe quelques rares exceptions notamment la balise <img> où il n'y a pas de balise de fermeture, mais un espace une barre oblique et un crochet à la fin de la balise.
ce qui donne ceci pour la balise image :
<img src="toto.jpg" />
Quelques balises et leurs traductions:
<b> pour "bold" : gras
<i> pour "italic" : italique
<p> pour "paragraph" : paragraph
<div> pour "div" : division
<table> pour "table" : tableau
<form> pour "form" : formulaire
<img> pour "img" : image

ATTENTION
Dans un soucis de clarté, dans les exemples montrés ici, les trois petits points de suspension entre les balises désignent du contenu. Par exemple <p>...</p>


Les attributs
Parfois, il existe des compléments à la balise avec des spécifications, l'on appelle ces compléments "attributs et ces attributs ont des valeurs". Comme par exemple: <balise attribut="valeurs

comme par exemple la balise image <img>
qui s'écrit :
<img src="" width="" height="" alt="" />
et qui veut dire à peu près la chose suivante :
<balise image img; src="" (source) ; (largeur de l'image) width=""; (hauteur de l'image) height=""; (alternative texte) alt="" />

l'attribut comporte toujours une valeur, il doit être placé avant le signe égal (=) et la valeur placée après est enfermée par deux guillements ""

dans l'exemple ci-dessus, il y a plusieurs attributs, ce n'est pas rare en HTML5.

- Le détail des attributs

L'on retrouve souvent dans le détail des attributs:

src="" pour source

width="" pour largeur du contenu

height="" pour hauteur du contenu

title="" pour étiquette ou infobulle dans un lien (qui s'inscrit dans le navigateur au survol de la souris)