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

Bienvenue sur Scribd !

  • 12 vues

    Serie 1 HTML

    Transféré par

    abdellah.fb.03

    Droits d'auteur :

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

    Serie 1 HTML

    Transféré par

    abdellah.fb.03
    12 vues4 pages

    Titre original

    serie 1 html

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

    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
    12 vues4 pages

    Serie 1 HTML

    Transféré par

    abdellah.fb.03

    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 4

    Université Moulay Ismail A.U.

    : 2023-2024
    Filière: GL, S6
    Faculté des Sciences et Techniques
    Module : Programmation Web (I618)
    Département d’Informatique, Er-Rachidia

    TD1: HTML
    Exercice 1:

    1. Créer un document html contenant une liste non numérotée, listes numérotées et une liste descriptive
    comme illustré ci-dessous :

    2. Créer un document html contenant le contenu affiché comme ci dessous.

    NB : l’URL de la page de documentation : ’ XML: Extensible Markup Language | MDN (mozilla.org)’


    3. Créer une page html qui contient quatre liens internes comme ci dessous.

    Exercice 2 :

    1) Ecrire le code html qui affiche le tableau suivant :

    2) Utiliser les éléments : caption, thead tbody et tfoot pour afficher les données dans un tableau
    structuré de la façon suivante :
    Exercice 3:

    Créer un formulaire (voir l’exemple ci-dessous) qui contient les éléments suivants :

    1) Champs de saisie de nom, prénom et e-mail.


    2) Deux boutons radio pour le choix du sexe.
    3) Un champ destiné au transfert de fichier photo dont le format est restreint aux types JPEG ou PNG.
    4) Une liste de choix pour les pays : France, Suisse, Maroc, Egypte.
    5) Des cases à cocher pour choisir les domaines d'activités.
    6) Le bouton ’ s’inscrire ’ pour l’envoie du formulaire avec la méthode GET vers la page index.html

    Exercice 4 : pages en HTML

    Créez trois pages HTML dans le répertoire ~/bureau/pages/ :

     accueil.html
     musique.html
     liens.html

     accueil.html

    1. allez sur http://images.google.fr/ , recherchez une image


    2. enregistrez l'image dans votre espace de travail (répertoire pages). Pour enregistrer une image que
    vous trouvez sur le web, cliquez sur l'image avec le bouton droit et sélectionnez "Enregistrer l'image
    sous..."
    3. ajoutez un texte de ‘Bienvenue dans votre page d’accueil’ avec la balise h1 et des liens vers les
    pages musique.html et liens.html .
    4. intégrer l'image dans la page, puis vérifiez que l'image s'affiche bien.
     musique.html

    1. ajoutez un texte de ‘Bienvenue dans votre page ’ musique’ avec la balise h1


    2. ajoutez des liens vers accueil.html et liens.html
    3. intégrer un audio dans la page, puis vérifiez qu’il se charge bien.

     liens.html

    1. ajoutez un texte de ‘Bienvenue dans votre page ’ musique’ avec la balise h1


    2. ajoutez des liens vers accueil.html et musique.html
    3. ajoutez des liens vers vos sites webs préférés

    Indications:

    Les balises a, img, br vous pouvez les imbriquer dans des balise comme : p,h1, h2,...

    Pour les URL des images (img) et des liens (a) essayez d'utiliser les chemins relalifs.

    Exercice 5
    En utilisant cette image, écrire un code HTML permettant le contenu affiché ci-dessous.

    Vous aimerez peut-être aussi