Scribd Logo
Unggah

Selamat datang di Scribd!

  • HTMLX

    Diunggah oleh

    Dounia Fadoua
    10 tayangan3 halaman

    Judul Asli

    HTMLx

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    10 tayangan3 halaman

    HTMLX

    Diunggah oleh

    Dounia Fadoua

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    HTML

    Structure d'un document HTML


    <html> <head> <title>Titre du document</title> </head> <body> Le texte visible sur la page </body> </html>

    CSS
    Syntaxe
    selecteur{proprit:valeur} p{text-align:center}

    Grouper des slecteurs


    h1,h2{color:blue}

    Slecteur de classe
    p.important{color:red} Dans le document HTML, seuls les lments p de la classe important seront de couleur rouge: <p class="important">un paragraphe qui sera affich en rouge</p> <p> un autre paragraphe, qui ne sera pas affich en rouge</p>

    Ecrire des titres


    <h1>Le plus grand titre</h1> <h2> . . . </h2> <h3> . . . </h3> <h4> . . . </h4> <h5> . . . </h5> <h6>Le plus petit titre</h6>

    Lier HTML et CSS


    Feuille de style externe

    Elments de texte
    <p>Ceci est un paragraphe</p> <br/> (retour la ligne) <hr/> (ligne horizontale) <b>Ce texte est en gras</b> <i>Ce texte est en italique</i>

    Crer un nouveau fichier avec l'extension .css: mon_fichier_css.css Dans la partie head du fichier .html: <link rel="stylesheet" type="text/css" href="mon_fichier_css.css" />

    Feuille de style interne Dans la partie head du document html:

    Images
    <img src="URL"/> <style type="text/css"> instructions CSS </style> Par exemple <style type="text/css"> h1{color:green} </style>

    Liens
    <a href="http://lti.epfl.ch/">Ceci est un lien</a>

    Listes
    Listes non ordonness (unordered list) <ul> <li>Premier lment</li> <li>Elment suivant</li> </ul> Listes ordonness (ordered list) <ol> <li>Premier lment</li> <li>Elment suivant</li> </ol>

    Inline style A l'aide de l'attribut style directement dans la balise: style="instructions CSS" Par exemple: <p style="text-align:center">un paragraphe centr</p>

    Quelques proprits
    Arrire-plan Mettre une couleur: p{background-color:red} Mettre une image: p{background-image:url('mon_image.jpg') Alignement du texte A gauche: p{text-align:left} Au centre: p{text-align:center} A droite: p{text-align:right} Justifi: p{text-align:justify} Taille de police Absolue: p{font-size:40px} Relative: p{font-size:80%} Afficher ou masquer des lments Rendre un lment visible: img{visibility:hidden} Rendre un lment invisible: img{visibility:visible}

    Tableaux
    <table border="1"> <tr> <td>le texte de la 1re ligne, 1re colonne</td> <td>le texte de la 1re ligne, 2me colonne</td> </tr> <tr> <td>le texte de la 2me ligne, 1re colonne</td> <td>le texte de la 2me ligne, 2me colonne</td> </tr> </table>

    Commentaires
    <!-- Ceci est un commentaire en HTML -->

    Commentaires Rfrences

    /* ceci est un commentaire en CSS */

    didacticiel HTML sur W3 schools liste des balises HTML

    Rfrences

    Didacticiel CSS sur w3 schools Proprits CSS classes par thmes Proprits CSS classes par ordre

    alphabtique

    Anda mungkin juga menyukai