Scribd Logo
Importer

Bienvenue sur Scribd !

  • HTML Application 5

    Transféré par

    Prof Info
    4 vues2 pages

    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

    Droits d'auteur :

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

    HTML Application 5

    Transféré par

    Prof Info

    Droits d'auteur :

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

    Ouvrir l’éditeur de texte [NotePad++] installé sur

    votre machine.
    Taper le code source de la page html suivant :

    <html>
    <head>
    <title> TD5 [HTML] </title>
    </head>
    <body TOPMARGIN="20">

    <p>
    Le terme CSS est l'acronyme anglais de Cascading Style Sheets qui peut se
    traduire par "feuilles de style en cascade". Le CSS est un langage
    informatique utilisé sur l'internet pour mettre en forme les fichiers HTML
    ou XML. Ainsi, les feuilles de style, aussi appelé les fichiers CSS,
    comprennent du code qui permet de gérer le design d'une page en HTML.
    </p>

    <p>
    L'avantage de l'utilisation d'un fichier CSS pour la mise en forme d'un site
    réside dans la possibilité de modifier tous les titres du site en une seule
    fois en modifiants une seule partie du fichier CSS. Sans ce fichier CSS, il
    serait nécessaire de modifier chaque titre de chaque page du site
    (difficilement envisageable pour les énormes sites de plusieurs milliers de
    pages).
    </p>

    <p>
    Vous avez le choix car on peut écrire du code en langage CSS à trois
    endroits différents :

    Dans un fichier .css (méthode la plus recommandée) ;


    Dans l'en-tête <head> du fichier HTML ;
    Directement dans les balises du fichier HTML via un attribut style (méthode
    la moins recommandée).
    </p>
    </body>
    </html>
    En utilisant la balise <H1>, ajouter au début de la page Web le titre "Le
    langage CSS".
    Enregistrer le document résultat sous le nom [TD5.html] dans le
    dossier [HTML].
    Taper le code suivant juste avant la balise fermante </head>.

    <link href="styleTD5.css" rel="stylesheet" type="text/css" />

    Enregistrer les modifications apportées au document HTML, puis


    visualiser la page Web résultat et présenter vos remarques à propos
    la mise en forme.
    Ouvrir un nouveau fichier texte puis taper le code suivant et
    l’enregistrer sous le nom [styleTD5.css] dans votre dossier de travail.

    html {
    background-color: #87CEEB;
    }

    body {
    width: 600px;
    margin: 20 auto;
    background-color: #0F9DE8;
    padding: 0 20px 20px 20px;
    border: 5px solid black;
    }

    h1 {
    margin: 0px;
    padding: 20px 0;
    color: #FFFFFF;
    text-shadow: 3px 3px 1px black;
    }

    p {
    font: 14px Alegreya;
    text-align: left;
    letter-spacing: 0px
    }

    Actualiser la page Web précédente pour visualiser le résultat.

    Vous aimerez peut-être aussi