Scribd Logo
Importer

Bienvenue sur Scribd !

  • 1K vues

    TP HTML Css

    Transféré par

    Mina Mint Chighali
    Ce document décrit les étapes de création d'une page web de CV en HTML et CSS. Il explique comment structurer la page avec un en-tête, deux sections et un pied de page, et fournit le code HTML et CSS nécessaire à chaque section.

    Droits d'auteur :

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

    TP HTML Css

    Transféré par

    Mina Mint Chighali
    1K vues7 pages
    Ce document décrit les étapes de création d'une page web de CV en HTML et CSS. Il explique comment structurer la page avec un en-tête, deux sections et un pied de page, et fournit le code HTML et CSS nécessaire à chaque section.

    Titre original

    tp html css

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

    Ce document décrit les étapes de création d'une page web de CV en HTML et CSS. Il explique comment structurer la page avec un en-tête, deux sections et un pied de page, et fournit le code HTML et CSS nécessaire à chaque section.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    1K vues7 pages

    TP HTML Css

    Transféré par

    Mina Mint Chighali
    Ce document décrit les étapes de création d'une page web de CV en HTML et CSS. Il explique comment structurer la page avec un en-tête, deux sections et un pied de page, et fournit le code HTML et CSS nécessaire à chaque section.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    sur 7

    Aminetou Chighaly Programmation web

    TP : Rappel sur HTML et CSS


    L’objectif de ce TP est de se rappeler sur les différentes balises nécessaires en HTML et le langage
    CSS :

    Le résultat de notre TP sera la création d’une page web qui comporte un CV :

    1. Créer un nouveau dossier TP HTML sur le bureau


    2. Copier le dossier images dans ce dossier
    3. Dans le ce dossier créer un fichier index.html et un autre fichier style.css

    1
    Aminetou Chighaly Programmation web

    La page web est décomposée comme suit : header

    section section

    pied

    1. Création de la partie header :


    Le code html correspondant à la création de la page et le son header est le suivant :

    Dans ce code on a déclaré un ensemble de balises telles que :


     <main> : représente le contenu majoritaire du <body>

    2
    Aminetou Chighaly Programmation web

     <header> : représente un contenu introductif.

     Ouvrir la page index.html pour voir le résultat. Que constatez-vous ?

    Donc, on doit déclarer en parallèle la partie css en déclarant les différents styles appliqués
    aux balises :

    A l’écriture de chaque groupe de style déclaré pour une balise, vous devez actualiser la
    page web pour constater les différences.

    3
    Aminetou Chighaly Programmation web

    2. Création de la partie section gauche :


    Au-dessous de </header> écrire le code suivant :

    Mettre à jour la page web, on constate qu’elle se manque de style css. Ajouter le code css
    suivant à votre fichier style.css pour définir les classes correspondantes :

    4
    Aminetou Chighaly Programmation web

    3. Création de la partie section droite :


    Tout d’abord, on crée le code constituant la partie compétences et langues :

    5
    Aminetou Chighaly Programmation web

    Ensuite, on crée le code constituant les classes correspondantes :

    Maintenant, on continue la création de la section droite de notre page en créant les


    réseaux sociaux et les centres d’intérêt :

    Le code css correspondant :

    6
    Aminetou Chighaly Programmation web

    4. Création de pied de la page web :

    Le code css correspondant :

    Vous aimerez peut-être aussi