|
1) Définition
|
|
HTML signifie Hyper
Text Mark-up Language, c'est à dire un langage de description
de document à l'aide de balises. Il met en forme le
texte.
|
|
4) La première
page
|
Notre première page s'écrira
donc :
<!DOCTYPE html PUBLIC "-//W3C//DTD
HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr" dir="ltr">
<head>
<title>Ma page web</title>
</head>
<body>
Ceci est ma première page web
</body>
</html>
Ce qui donne ceci
Visualisez la source de cette Page pour bien visualiser
le code et visualisez comment est écrit "è"
en html (voir la page code html)
|
|
7) Balise <body>...</body>
|
Entre ces balises se trouve le contenu
visible de votre page web : texte, image, son, vidéo,....,
tout cela va pouvoir être formaté, structuré,
stylé, grâce à d'autres balises que
nous verrons dans le tutoriel html n°3. Nous commencerons
à voir plus en profondeur la partie "head"
dans le tutoriel n°2.
|
|
|
2) DOCTYPE
|
En premier doit figurer
sur votre page la version du html que vous allez employer
pour réaliser votre page.
Ceci permettra au navigateur de BIEN lire votre page web.Pour
savoir quel doctype utiliser, reportez-vous à la liste
du
W3C.
Par exemple, visualisez
la source de cette page (menu Affichage/Source)
|
|
5) Balise <html>...</html>
|
1.Le doctype, on a vu.
2.<html> : c'est la première balise d'une page
en html, remarquez à la fin la balise </html>
qui ferme la page.
3. lang="fr" dir="ltr : ce sont des attributs
de la balise html. Lang signifie la langue utilisée
au navigateur : ici, le français (fr). Quant au dir,
il donne l'information sur la direction de la lecture :
ici, on lit de gauche à droite donc ltr ( left to
rigth). L'inverse serait rtl.
|
|
|
3) Les balises
|
|
Les informations de
mise en page se trouvent entre < et > dans le HTML,
le tout s'appelle balise exemple:<html>.
Les balises fonctionnent par paire : une d'ouverture (exemple:
<html>) et une de fermeture qui est précédée
de /, (exemple :</html>).
Les balises acceptent des attributs (exemple:
<p align="center">).
Il est préférable d'écrire les balises
en minuscule ( recommendation du W3C).
|
|
6) Balise <head>...</head>
|
Cette partie est l'entête
du document: elle détient les informations concernant
la page.
Ces informations sont destinées aux moteurs de recherche
( référencement entre autre) et aux navigateurs
web; elles n'apparaissent pas à l'écran.
Un exemple : la balise <title>...</title>, elle
permet de spécifier comment s'appelle votre page,
elle est utilisée par les navigateurs et par les
moteurs.
|
|
La
première page HTML