1 - exercice html structure de base d une page html titres p
TRANSCRIPT
-
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 serajamais 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 Lausanne4Deux "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) ?