Scribd Logo
Importer

Bienvenue sur Scribd !

  • 69 vues

    Correction TP1 2 3-HTML5

    Transféré par

    kacemnour180

    Droits d'auteur :

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

    Correction TP1 2 3-HTML5

    Transféré par

    kacemnour180
    69 vues4 pages

    Titre original

    correction_TP1_2_3-HTML5 (1)

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

    Correction TP1 2 3-HTML5

    Transféré par

    kacemnour180

    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

    Prof : M.

    M’rabet Ilyess HTML5


    Correction TP1 (Premiers pas)
    1) Lancer l’éditeur vsCode créer un nouveau dossier intitulé TP HTML5, puis créer un nouveau fichier
    nommé tp1.html dans lequel vous tapez la phrase suivante : "ce texte est écrit en utilisant
    vsCode".

    2) Ouvrir le fichier tp1.html en utilisant votre navigateur disponible et décrire le résultat obtenu.

    Une page Web n’est rien d’autre qu’un fichier texte enregistré avec l’extension html (ou htm).
    En double cliquant sur ce fichier, le navigateur se lance avec comme contenu le fichier tp1.html,
    ce qui signifie que le langage HTML utilisé pour la création des pages Web
    Le document HTML peut contenir un ensemble de balises tels que, <html>, <body>, <head>, etc
    Les balises du langage HTML sont inclues entre les signes inférieur (<) et supérieur (>).

    3) En déduire le rôle de chaque balise.


    Balise Rôle

    html Elle englobe tout le contenu de la page.

    head Elle sert à définir quelques informations générales sur la page.

    body Elle est utilisée pour définir le contenu de la page Web.

    Correction TP2 (Premiers pas)


    1) Lancer l’éditeur vsCode et ouvrir le dossier intitulé TP HTML5, puis créer un nouveau fichier nommé
    tp2.html
    2) Saisir le code HTML donné ci-dessous.
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset = "UTF-8">
    <title>
    Première page HTML
    </title>
    </head>
    <body>
    Voici ma seconde ligne en HTML
    </body>
    </html>
    2ème info 2 A.S : 2023-2024
    Prof : M. M’rabet Ilyess HTML5
    3) Ouvrir le fichier tp1.html en utilisant votre navigateur dosponible
    6) En déduire le rôle de la balise title.
    Balise Rôle
    La balise title sert à définir le titre de la page web qui sera affiché dans
    title
    la barre du titre du navigateur.
    7) Commenter chaque partie du code sachant que la syntaxe de la balise commentaire est sous la
    forme suivante : <!-- commentaire -->

    DOCTYPE : Elle définit la version HTML utilisée par ce document.


    Ecriture du DOCTYPE pour le html 5 : <!DOCTYPE html>
    meta : Elle fournit des métadonnées sur la page courante.
    Ces informations ne sont pas visibles, mais sont traitées par les navigateurs et par les moteurs de
    recherche.

    8) Visualiser votre travail, que remarquez-vous ?


    Les commentaires sont des notes, des informations et des détails qui accompagnent le code
    source et qui ne s’afficheront pas sur la page web.
    Cela permet une meilleure relecture du code.

    Correction TP3 (Les textes, les titres et les paragraphes)


    1) Lancer l’éditeur vsCode et ouvrir le dossier intitulé TP HTML5, puis créer un nouveau fichier nommé
    tp3.html
    2) Saisir et tester le code HTML donné ci-dessous.
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset = "UTF-8">
    <title>
    tp3
    </title>
    </head> <body>
    <!-- phrase 1 -->
    Le HTML5, pour HyperText Markup Language 5, est une version du célèbre format HTML
    utilisé pour concevoir les sites internet.
    <!-- phrase 2 -->
    Celui-ci se résume à un langage de balisage qui sert à l'écriture de l'hypertexte indispensable à
    la mise en forme d'une page Web.
    </body>
    </html>

    2ème info 2 A.S : 2023-2024


    Prof : M. M’rabet Ilyess HTML5
    4) Visualiser votre travail, que remarquez-vous ?
    L’affichage du texte est sous la forme : phrase1phrase2.
    5) Effectuer les modifications présentées dans le tableau ci-dessous sur votre code HTML.
    N° Modification Résultats

    1 phrase 1 <br> phrase 1 (un retour à ligne) phrase


    2

    <p> phrase 1 </p>


    2
    <p> phrase 2 </p> phrase 1 (un retour à ligne)
    une ligne vide phrase 2

    <p> phrase 1 </p> <br> phrase 1 (un retour à ligne)


    3 une ligne vide (un autre retour à ligne)
    <p> phrase 2 </p> phrase 2

    phrase 1 (aligné à droite)


    <p align="right"> phrase 1 </p> + un retour à la ligne
    4
    <p> phrase 2 </p> une ligne vide
    phrase 2

    6) En déduire le rôle de chaque balise.


    Balise Rôle

    La balise p permet d'introduire un nouveau paragraphe+ un retour


    à la ligne + une ligne vide. Les attributs de la balise p :
    p align : permet d'aligner un paragraphe à gauche, au centre et à
    droite.
    <p align="left|center|right" >….</p>

    br La balise br permet un retour à la ligne.

    7) Ajouter les lignes suivantes au début du fichier tp3 et visualiser votre travail.
    <body>
    <h1> HTML5 </h1>
    <h2> Présentation </h2>
    …………………….
    8) En déduire le rôle de la balise hn.
    La balise qui permet de définir un titre est hn ; avec n varie de 1 à 6.
    Pour chaque titre, il y a une taille qui décroit du niveau 1 au niveau 6.
    Les balises hn incluent des retours automatiques à la ligne.
    2ème info 2 A.S : 2023-2024
    Prof : M. M’rabet Ilyess HTML5
    Cela signifie qu'il n'est pas nécessaire d'ajouter p pour commencer un nouveau paragraphe à
    la suite d'une balise de ce type.
    9) Ajouter les lignes présentées dans le tableau ci-dessous à la fin du fichier tp3 et décrire les résultats
    obtenus.
    N° Les lignes à ajouter

    <blockquote>
    La balise blockquote permet de mettre un paragraphe en ....………....
    1 </blockquote>

    Résultat

    <mark> Ce texte est ………….. </mark>


    2
    Résultat

    10) En déduire le rôle de chaque balise.


    Balise Rôle

    La balise blockquote permet de mettre en valeur un paragraphe


    blockquote
    (une citation par exemple).

    La balise mark permet d’appliquer un style surligné jaune sur le


    mark
    texte qu'elle décrit.

    2ème info 2 A.S : 2023-2024

    Vous aimerez peut-être aussi