le HTML (Hyper Text Markup Language ) est un langage qui permet d’écrire du contenu
et de mettre en forme des pages web (couleurs, liens hypertextes, images,...).
Les navigateurs (Firefox, ...) lisent le "code source" HTML de la page web, interprètent ce code source
et affichent la page telle qu’elle a été définie par le code source.
figure 1
pour voir le code cource de la page web que vous lisez actuellement (avec firefox), il suffit de faire la combinaison de touches Ctrl U
principe général
Un ordinateur contient un fichier de nom "ma_page_web.html "
(avec l’extension .html obligatoirement)
Dans ce fichier est écrit du "code source" dans le langage "HTML"
Ce fichier est ouvert en écriture et édité avec un simple éditeur de texte comme "Block-
notes" sous window ou "gedit" sous linux,
on peut donc écrire ou modifier le code source, mais on ne voit pas à quoi ressemble la page web,
pour voir la page il faut un navigateur internet ( Firefox,...)
Un "navigateur web" (firefox par exemple) peut ouvrir ce fichier en lecture,
il interprète le code source et affiche alors la page web correspondante
(on ne peut pas modifier le code source ainsi, c'est juste pour afficher la page)
Bilan
Il suffit d’apprendre à écrire un fichier ma_page_web.html en HTML avec un éditeur de texte,
puis on visualise la
page Web correspondante en ouvrant ce fichier avec un navigateur internet.
Mise en pratique
Si on veut créer une page web puis la visualiser,
on écrit ligne par ligne le code HTML dans un fichier, ceci grâce à un éditeur de texte ( block note, gedit, ...) ,
pas un traîtement de texte ( word, libre office, ...) ,
puis on sauvegarde le document avec un nom d'extension .html (mon_code_source.html par exemple),
puis on ouvre le document avec un navigateur web (firefox)
pour visualiser la page web.
(comme le montre
la figure 1)
Il est aussi possible d'utiliser un éditeur de page web (dreamweaver, ...),
qui permet d'écrire le code source et de voir la page web correspondante s'afficher assez simplement,
mais les meilleurs sont payants !
Nous allons utiliser ci dessous un petit éditeur HTML gratuit et en ligne qui suffira à nos besoins.
Au travail :
après avoir cherché les Travaux Pratiques suivants, vous aurez vu les bases du HTML