Scribd
Importer
2 vues1 page

Exercices HTML CSS-Copie

Le document présente deux exercices pratiques sur la création d'une page web en HTML et CSS. Le premier exercice consiste à établir une structure HTML5 de base avec des éléments sémantiques, tandis que le second exercice implique la création d'une feuille de style CSS externe pour modifier l'apparence de la page. Les instructions incluent des détails sur la mise en forme du texte et des éléments visuels.

Transféré par

Coco Bibi
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
2 vues1 page

Exercices HTML CSS-Copie

Le document présente deux exercices pratiques sur la création d'une page web en HTML et CSS. Le premier exercice consiste à établir une structure HTML5 de base avec des éléments sémantiques, tandis que le second exercice implique la création d'une feuille de style CSS externe pour modifier l'apparence de la page. Les instructions incluent des détails sur la mise en forme du texte et des éléments visuels.

Transféré par

Coco Bibi
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

Module : HTML /CSS /JS Exercices : Html /CSS

Exercice 1 : Structure de base (HTML)

Objectif : Créer une page valide en HTML5 et utiliser les balises de texte sémantiques.

1. Ouvrez votre éditeur de texte et créez un fichier nommé [Link].


2. Mettez en place la structure de base obligatoire (Doctype, html, head avec
l'encodage UTF-8, title, et body).
3. Dans le <body>, ajoutez:

o Un titre principal <h1> : "Mon carnet de voyage".


o Un paragraphe <p> décrivant brièvement un voyage imaginaire. Dans ce
paragraphe, mettez un mot important en valeur avec la balise adéquate.
o Un titre secondaire <h2> : "Ce que j'ai préféré".
o Une liste non-ordonnée <ul> contenant 3 éléments (ex: La nourriture, Les paysages,
Les rencontres).

Exercice 2 : Connexion Styles (HTML + CSS)

Objectif : Créer une feuille de style externe, la lier au HTML et modifier l'aspect du texte.

1. Dans le même dossier, créez un fichier nommé [Link].


2. Liez ce fichier CSS dans le <head> de votre fichier [Link] à l'aide de la balise <link>.
3. Dans votre fichier [Link], écrivez les règles pour:

 Changer la couleur de fond de toute la page (body) en gris très clair.


 Changer la police de caractère de toute la page en utilisant une famille "Web Safe"
comme Arial ou Verdana.
 Colorer le titre <h1> en bleu foncé.
 Centrer le titre <h1> et le paragraphe.
 Les puces (square) rouges, le texte on peut lui donner une autre couleur ici Verte.

Vous aimerez peut-être aussi