Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

TP HTML

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1sur 5

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 crepes.html
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 « style.css »


3. Dans le fichier « recette crepes.html », recopier la balise suivante :

Puis enregistrer la page « recette crepes.html »


4.Ouvrez la page et observez les changements.
5.Dans le notepad, affichez la feuille « style.css » et modifiez :
* Police : Arial
* Couleur du fond : bleue
* Couleur du texte : jaune

Vous aimerez peut-être aussi