7/29/2019 1 - Exercice HTML Structure de Base d Une Page HTML Titres p

1/4

Exercices HTML www.rahmouni.ma

Structure d'une page, titres, paragraphes...

Thme

Raliser manuellement une page HTML simple : structure de base,titres, paragraphes, ligne de sparation horizontale...

Rappel des balises

Structure de la page avec titre :

La dclaration ci-dessus spcifie la version HTML

utilise. Pour la norme HTML 4.01, ondistingue les 3 DTD's suivantes (Document TypeDefinition, documents XML du W3C

dfinissant les diffrentes balises et leurfonctionnement) :

- Strict : n'autorise que les balises non dprcies- Transitional : idem Strict plus balises/attributs

dprcis en faveur de CSS- Frameset : idem Transitional plus balises relatives

aux frames

titre{} (cf. ex. sur attributs de page){}(spcification du type de document (HTML) et du jeu

de car. utilis (iso-latin-1) ){} (cf. ex. sur lesliens)

{

ou} (cf. ex. sur CSS)

{ }

corps de la page ...

7/29/2019 1 - Exercice HTML Structure de Base d Une Page HTML Titres p

2/4

Exercices HTML www.rahmouni.ma

Titres dans le document :titre 1er niveautitre 2e niveautitre 3e niveautitre 4e niveautitre 5e niveautitre 6e niveau

Trait horizontal : Saut de ligne :
Saut de paragraphe :

paragraphe {

} Texte qui reste sur une seule ligne :ce texte se sera

jamais wrap sur plusieurs lignes Commentaire HTML :

7/29/2019 1 - Exercice HTML Structure de Base d Une Page HTML Titres p

3/4

Exercices HTML www.rahmouni.ma

Donne de l'exercice

Raliser la page Web simple illustre par la copie-cran ci-

dessous. Utilisez pour ce faire les 2 outils suivants : ouvrez le Bloc-notes (Notepad) Windows dans la moiti de

gauche de l'cran lancez le browser Nescape dans la moiti de droite de l'cran

Aprs avoir cr quelques lignes de votre page HTML,sauvegardez-la et ouvrez-la dans le navigateur1 pour la vrifier. Au fur et mesure de l'avancement de votretravail, rechargez-la dans le navigateur (bouton[Reload thisPage...] ouView>Reload) pour la contrler.

1b

7/29/2019 1 - Exercice HTML Structure de Base d Une Page HTML Titres p

4/4

Exercices HTML www.rahmouni.ma

Corrig de l'exercice

Etape Solution

1

Structure de base de la page

avec titre du document(apparaissant dans la barrede titre de la fentre dubrowser et dans bookmarkssi l'on mmorise cette page)

Jules Ducommun

2

Titre de 1er niveau centr,titres de second niveau,ainsi que traits de sparation

horizontaux(le tout insr dans le "body"de la page !)

Jules DucommunMes coordonnes

Mon curriculum vitaeMes hobbies

3

Quelques lignes de texteavec saut la ligne forc

(que se passerait-il si vousne mettiez pas de
, etquelle est l'effet descaractres "espace", "tab" et

"cr" dans du code HTML ?)

Jules Ducommun
SI-DGR
EPFL
CH - 1015 Lausanne

4Deux "paragraphes" detextes (avec espacementvertical entre paragraphes)

J'ai frquent l'cole primaire de...

J'ai suivi ensuite ...

5Pied de page en italique( placer juste avant labalise)

Jules Ducommun / rvision2.5.99

6

Et comment faire pour que letexte " remplir..." duchapitre "Mes hobbies" soit

invisible au niveau dubrowser (commentaireHTML) ?