Les bases du HTML

Les balises "INLINE"

Définition

INLINE signifie que l'élément n'occupe que la largeur indispensable à l'affichage de son contenu et ne provoque pas de retour à la ligne. Lorsque 2 éléments INLINE se suivent dans une page, ils sont positionnés l'un à côté l'autre (si la largeur de page le permet).

Exemple de code INLINE

<span>Une image</span>
<img src="batman.png" />
<code>un bout de code</code>

Resultat

Une image un bout de code

Balises les plus connues

span
La balise <span>...</span> est faite pour contenir du texte. L'utilité n'est certes pas extremement flagrante à ce stade du tutoriel.

a
La balise <a>...</a> est faite pour insérer un lien via l'attribut href.
Exemple : le code <a href="google.com">Lien<a> donne Lien.

img
La balise <img /> est faite pour intégrer une image, via l'attribut src.
Exemple : le code <img src="batman.png" /> donne

strong
La balise <strong>...</strong> permet de mettre du texte en gras.
Exemple : <strong>texte</strong> donne : texte

i
La balise <i>...</i> permet de mettre du texte en italique.
Exemple : <i>texte</i> donne : texte

br
La balise <br /> permet de sauter une ligne

Page 3 - La structure d'une page standard HTML Page 5 - Les balises "BLOCK"