Scribd Logo
Importer

Bienvenue sur Scribd !

  • HTML CSS TP 5

    Transféré par

    22bw023
    2 vues4 pages
    tp pratique sur le html

    Titre original

    HTML-CSS-TP-5

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    tp pratique sur le html

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    2 vues4 pages

    HTML CSS TP 5

    Transféré par

    22bw023
    tp pratique sur le html

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 4

    Travail pratique N°5

    Programmation <web>
    1. Créer un dossier nommé « prog-web-tp-5 » sur votre bureau
    2. Lancer l’invite de commande Windows dans le dossier « prog-web-tp-5 » et exécuter la
    commande suivante : git init
    3. Dans l’éditeur VSCODE, créer un fichier « index.html » qu’il faut enregistrer dans le
    dossier « prog-web-tp-5 »
    4. Identifier les éléments se trouvant sur la capture ci-dessous et écrire le code HTML
    nécessaire dans le fichier « index.html ».

    5. Enregistrer et tester dans le navigateur.


    6. Si tout est bon pour la page « index.html », lancer l’invite de commande Windows dans le
    dossier « prog-web-tp-5 » et exécuter les commandes suivantes :
    git add --all
    git commit -m “creation de la page index.html sans css”
    7. Créer maintenant un fichier CSS « style.css » dans le dossier « prog-web-tp-5 » qui devra
    contenir les règles suivantes :
    a. Appliquer au titre de niveau 1 et au paragraphe :
    i. La largeur de 500px ;
    ii. Centrer le texte ;
    b. Au titre de niveau 1 :
    i. La couleur de texte dont les valeurs RGB sont : 0, 140, 255 ;
    ii. La taille de police de 4em ;
    c. Au paragraphe :
    i. Le fond noir ;
    ii. Le texte en blanc ;
    iii. La marge interne de 6px ;
    iv. Et la taille de police de 2em.
    8. Enregistrer le fichier « style.css » et exécuter les commandes suivantes :
    git add --all
    git commit -m “création de la feuille de style css”
    9. Maintenant pour relier la page « index.html » au fichier « style.css », il faut ajouter dans le
    <head> l’élément suivant : <link rel="stylesheet" href="style.css">
    10. Enregistrer le fichier « index.html » et exécuter les commandes suivantes :
    git add --all
    git commit -m “liaison de la page index.html et du fichier style.css”
    11. Exécuter dans le navigateur afin d’obtenir le résultat suivant :

    12. Vérifier qu’il n’y a plus de modification en cours, en exécutant cette commande : git status
    S’il n’y a plus de modification, voici le résultat que vous obtiendrez dans la console :
    on branch master
    nothing to commit, working tree clean
    S’il y a eu d’autres modifications, il faut juste exécuter les commandes suivantes :
    git add --all
    git commit -m “description des modifications”

    Vous aimerez peut-être aussi