Scribd
Importer
349 vues5 pages

TP HTML et CSS : Créer une page recette

Ce document présente un TP sur l'introduction au balisage HTML et à la feuille de style CSS. Il contient plusieurs exercices visant à appliquer les balises HTML de base pour structurer une recette de crêpes, puis à personnaliser la mise en forme de cette page avec CSS.

Transféré par

Djouhaina Hireche
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 PDF, TXT ou lisez en ligne sur Scribd
349 vues5 pages

TP HTML et CSS : Créer une page recette

Ce document présente un TP sur l'introduction au balisage HTML et à la feuille de style CSS. Il contient plusieurs exercices visant à appliquer les balises HTML de base pour structurer une recette de crêpes, puis à personnaliser la mise en forme de cette page avec CSS.

Transféré par

Djouhaina Hireche
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 PDF, TXT ou lisez en ligne sur Scribd

Thème 3 :Web SNT seconde 2019/2020

TP 2 : Introduction au Codes HTML et CSS

PARTIE 1 : Le fichier HTML

Exercice N°1 :

Exercice N°2 :
PARTIE 2 : Balisage correct d’un fichier HTML

Remarques :

Exercice N°3 :
Sur le modèle précédent, écrivez une page html nommée : recette crepes dans laquelle vous baliserez les
différentes étapes de la préparation.
N’oubliez pas d’enregistrer cette page dans le dossier pagesHTML
PARTIE 3 : Les principales balises HTML

Exercice N°4 :
1. Ouvrir le fichier recette [Link]
2. Baliser le nom de la recette avec <h1>……</h1>, liste des ingrédients avec <h2>…</h2> , et
Préparation avec <h3>…..</h3>. Terminer chaque phrase avec <br/>
3. Télécharger une photo de crêpes sur intenet
4. Copier cette photo dans le dossier pagesHTML
5. Afficher la photo en bas de page
6. Chercher un site spécialisé en pâtisserie et ouvrez la page consacrée aux crêpes. Copier le lien et
insérer le sur votre page HTML
PARTIE : Le code CSS

Votre page web précédente vous parait un peu « triste ». il est possible de changer les polices , les
couleurs et les tailles du texte avec une feuille de style css

Exercice N°5 :
1. Dans le dossier pagesHTML, créer un sous dossier « css »

2. Dans notepad++ ouvrez un nouveau fichier dans lequel vous taperez les balises suivantes :

Puis enregistrer le fichier en le nommant « [Link] »


3. Dans le fichier « recette [Link] », recopier la balise suivante :

Puis enregistrer la page « recette [Link] »


[Link] la page et observez les changements.
[Link] le notepad, affichez la feuille « [Link] » et modifiez :
* Police : Arial
* Couleur du fond : bleue
* Couleur du texte : jaune

Vous aimerez peut-être aussi