• Présentation du langage HTML
o qu’est ce que l’HTML?
o qu’est ce qu’une balise?
o de quoi avez-vous besoin?
• Présentation des balises usuelles
o votre premier document
o balises simples
o balises de mise en forme
o listes
o tableaux
o images et références
o organisation du texte
o caractères spéciaux
o frames
o map, area et images réactives
• Exercices
• Présentation des feuilles de style CSS
• Exercices sur les feuilles de style
Le langage HTML
Qu’est ce que l’HTML?
HTML est le langage de balisage hypertexte utilisé dans le Web (HyperText Markup Language).
Ce n’est pas un langage de programmation proprement dit.
Ce sont « simplement » des balises pour mettre en forme (avec des liens, en tableau, etc…) du texte et des images.
Pour avoir une idée de l’aspect d’une page écrite en HTML, cliquez sur « Affichage » (ou « View ») dans votre navigateur, puis sélectionnez « page source ».
Qu’est ce qu’une balise?
Une balise est une « instruction » comprise entre crochets < > qui possède un nom et parfois des attributs.
<br> est, par exemple, la balise utilisée pour spécifier qu’il faut passer à la ligne.
La plupart des 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 mais est en plus précédée du signe /.
Nous aurons donc: (ouverture) <nom_de_balise> et (fermeture) </nom_de_balise>.
Par exemple: <b>mon texte en gras (bold)</b>.
Le nom de la balise (contenu entre les crochets) n’est pas sensible à la casse:
il peut être écrit indifféremment en majuscule, en minuscule ou en un mélange des 2.
L’attribut d’une balise est défini comme suit: nom_attribut= »valeur »
Par exemple, la balise utilisée pour faire un lien a pour nom « a », et pour nom d’attribut « href ».
Ainsi, <a href= »http://www.google.fr »>Google</a> permet de faire un lien vers la page principale du site de Google.
Dans ce cas, la valeur de l’attribut « href » est donc « http://www.google.fr ».
De quoi avez-vous besoin ?
Pour créer une page Web en HTML, vous avez besoin de:
• un navigateur (Internet Explorer, Netscape, Mozilla, etc…), pour visualiser le résultat;
• un éditeur HTML (Notepad ou WordPad feront très bien l’affaire par exemple), pour créer votre page HTML;
• NB: vous n’aurez pas besoin d’être connecté à Internet pour créer votre site.
Qu’est ce qu’une balise HTML (198 KO) (Cours PDF)