Exercice TP7


<!doctype html>
<html>
    <head>
        <title>Ma première page HTML</title>
        <meta charset="utf8">
    </head>
    <body>

        <h1>TP 7 - Le langage HTML</h1>

        <img src="https://www.scribness.fr/wp-content/uploads/sites/41/2014/08/1456851427_Html.png" alt="HTML">

        <h2>De quoi est composée une page Web ?</h2>

        <ul>
            <li>HTML : le fond</li>
            <li>CSS : la forme</li>
        </ul>

        <h2>HTML : Le fond</h2>

        <ul>
            <li>Langage créé en 1991</li>
            <li>HyperText Markup Language <strong>(Langage de balisage hypertexte)</strong></li>
            <li>Sert à placer des éléments sur une page web (images, titres, paragraphes, ...)</li>
        </ul>

        <h2>CSS : La forme</h2>

        <ol>
            <li>Langage créé en 1996 (5 ans après le HTML)</li>
            <li>Cascading StyleSheets (Feuilles de style en cascade)</li>
            <li>Permet de définir le style des éléments HTML placés sur la page (couleur de texte, arrière plan, dimensions, police)</li>
        </ol>

        <h3>Quelques balises HTML</h3>

        <table>
            <tr>
                <th>Balise</th>
                <th>Description</th>
            </tr>
            <tr>
                <td>p</td>
                <td>Paragraphe</td>
            </tr>
            <tr>
                <td>a</td>
                <td>Lien</td>
            </tr>
            <tr>
                <td>img</td>
                <td>Image</td>
            </tr>
            <tr>
                <td>br</td>
                <td>Saut de ligne</td>
            </tr>
            <tr>
                <td>ul, li</td>
                <td>Liste à puce</td>
            </tr>
            <tr>
                <td>ol, li</td>
                <td>Liste ordonnée</td>
            </tr>
            <tr>
                <td>strong</td>
                <td>gras</td>
            </tr>
        </table>

    </body>
</html>