Scribd Logo
Importer

Bienvenue sur Scribd !

  • Leçon 1

    Transféré par

    Alexis James
    11 vues6 pages

    Titre original

    leçon1

    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é
    11 vues6 pages

    Leçon 1

    Transféré par

    Alexis James

    Droits d'auteur :

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

    HTML

    HyperText Markup Language


    • HTML est un langage de création de pages web structurées
    • Il est composé de balises structurantes comme <header>, <footer>,… et de balises
    ou des tag pour l’affichage des données de type paragraphes, listes, images,
    tableaux, etc…
    • Un document HTML ayant pour extension htm est affichée par un browser ou
    navigateur tel que Google Chrome, FireFox, Internet Explorer, etc…
    <h1> ceci est un titre</h1>
    <p> ceci est un paragraphe</p>
    <hr/> //pour tirer un trait
    <p>un autre paragraphe</p>
    Un document html comprend deux parties une partie déclaratif pour le browser et une
    partie contenu de la page à afficher
    STRUCTURE
    Structure d’un document HTML
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Titre de la page</title>
    <link rel="stylesheet"
    href="style.css">
    </head>
    <body>
    <header>
    </header>
    ... <!– Le contenu -->
    </body>
    </html>
    <!doctype html> définit un document de type html5
    <head> contient des indicateurs pour le navigateur
    <body> définit le contenu de la page à afficher par le navigateur
    BALISES

    LES BALISES (Tag)


    – Ce sont des objets d’une page web
    • Des paragraphes
    • Des titres
    • Des listes
    • Des liens…
    – Généralement constitués d’une paire de balises :
    • Balise ouvrante : <p>
    • Balise fermante : </p>
    • Exception : balises orphelines comme <br/>
    TITRES ET PARAGRAPHES
    Les paragraphes.
    <p>Bienvenue dans le club !</p>

    Le retour à la ligne
    <br/>
    Les titres <h1>, <h2>,… jusqu’à <h6>
    <h1>les sports</h1>
    CREATION
    • Pour créer un fichier html vous pouvez utiliser le bloc note
    ou Notepade++ qui vous facilitera l’édition
    • 1-Charger Notepade++
    • 2-créer un nouveau fichier
    • 3-sélectionner langage html dans le menu
    • 4-saisir votre document html
    • 5-enregistrer dans un dossier le document
    •
    • Dans le dossier vous trouverez le fichier html
    • Double cliquer dessus, votre document s’affiche sur votre
    navigateur
    •
    EXERCICES
    • Créer une page contenant un titre et un
    paragraphe
    • Créer une page contenant un titre, un sous
    titre et un paragraphe

    Vous aimerez peut-être aussi