Chapitre II:
HTML
Plan
I I introduction au langage HTML
II structure d’un document HTML
III balises du langage HTML
I/ Introduction
Le langage HTML n'est pas un langage de
programmation proprement dit !
Ce sont "simplement" des balises pour mettre en
forme (avec des liens, en tableau, ...) du texte et des
images !
Une balise est une "instruction" comprise entre
crochets < > qui possède un nom et parfois des
attributs.
Presque toutes les balises doivent être ouvertes puis
refermées. On retrouvera donc souvent une balise de
début et une balise de fin. La balise de fin porte le
même nom que la balise de début à l'exception du
nom du la balise qui est précédé du signe /. Nous
aurons donc par exemple : (ouverture) <XYZ> et
(fermeture) </XYZ>.
Le nom de la balise (contenu entre les crochets) n'est
pas sensible à la casse.
II/ structure d’un document HTML
Le HTML impose une structure type aux pages web.
Celles-ci sont composées:
- d'une entête (ou tête) qui informe le navigateur et les
moteurs de recherche, délimité par <HEAD> et
</HEAD>
- d'un corps qui grosso modo correspond à ce qui va
s'afficher à l'écran et qui est délimité par <BODY> et
</BODY>.
Ainsi, une page web type et vide de tout texte se
présentera de la façon suivante:
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
Remarques :
• Debut et fin du document < hmtl >
• <title> permet definition titre de la page
• <head> :infos facultative
• Le conten est délimité par <body>
• Les balises sont composé soit par :
- 1partie ouvrante et une fermante <body></body>
- 1partie ouvrante seulement<br>
- 1partie ouvrante et une fermante avec des propriétés
tel que <font size></font>
- 1partie ouvrante avec des propriétés tel que
<IMG SRC =……….>
1-Textes et paragraphes:
<!--…-->
<b>…</b>
<i>…</i>
<u>…</u>
<sup> </sup>
<font>…</font>
Size color align width
<HR>
<P> </p>
<br>
<sub>…</sub>
<center>…</center>
<DIV align>…</DIV>
2 les titres :
<h[1-6]>…</h[1-6]>
3 les images :
<img src=… align=…>
<body background=…>
4 les listes:
<ul type="circle">
"disc"
"square"
<li>élément de liste</li>
<li>élément de liste</li>
</ul>
<ol type="a" >
"A"
"i"
"I"
<li>élément de liste</li>
<li>élément de liste</li>
</ol>
<ol start="valeur de départ">
<li>élément de liste</li>
<li value="valeur de poursuite">élément de
liste</li>
</ol>
<dl>
<dt>expression à définir</dt>
<dd>définition de l'expression</dd>
</dl>
