1 - exercice html structure de base d une page html titres p

Upload: fouad-abdelhamid

Post on 03-Apr-2018

239 views

Category:

Documents


0 download

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 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) ?