Les balises HTML
Les balises HTML respectent une syntaxe simple et stricte :
un chevron ouvrant (<)
le nom de la balise
des attributs (optionnels). Un espace, suivi du nom de l'attribut, d'un signe égal (=) et d'une valeur entre doubles guillemets (" ").
un chevron fermant (>)
Généralement, les balises fonctionnent par paires. La première balise est la balise ouvrante et la seconde est la balise fermante. Une balise fermante doit avoir le même nom que la balise ouvrante correspondante. De plus, une balise fermante doit contenir une barre oblique entre le chevron initial et le nom de la balise.
Ainsi, si <p> est une balise ouvrante, </p> sera la balise fermante correspondante.
Voici quelques-unes des balises les plus fréquemment utilisées :
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> : elles permettent de définir des titres de différents niveaux : h1 pour les grands titres et h6 pour les titres des sections très spécifiques. Exemple : <h1>Un texte</h1> se traduira par "Un texte" écrit en gras et avec une taille importante.
<p> : elle est utilisée pour créer des paragraphes. Ces paragraphes sont automatiquement séparés par des sauts de ligne.
Exemple :<p>Un paragraphe de texte </p>
<a> : elle est utilisée afin de créer des liens vers des ressources externes : une autre page web, un e-mail, une image, une autre section du document, etc... Les balises <a> contiennent le texte qui sera utilisé pour le lien, l'attribut href de cet élément est utilisé pour définir l'URL cible.
Exemple : <a href="http://unsite.fr">se traduira par un lien hypertexte écrit en bleu surligné envoyant vers la page web "un site.fr"
<img> : elle permet d'intégrer une image dans un document HTML. Elle n'a pas de balise fermante.
Exemple : <img src="tux.png" />alt="une description" <br />
<ul>, <ol> et <li> : ces balises sont utilisées pour créer des listes. <ul> permet de définir une liste non-ordonnée et <ol> de définir une liste ordonnée.
Pour chacune de ces listes, ce sera la balise <li> qui permettra de définir un élément de la liste.
Voici quelques exemples :
