Scribd Logo
Importer

Bienvenue sur Scribd !

  • Mémo HTML

    Transféré par

    theobald.de.pontincourt
    10 vues3 pages
    fiche mémo HTML FR

    Titre original

    Mémo_HTML

    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
    fiche mémo HTML FR

    Droits d'auteur :

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

    Mémo HTML

    Transféré par

    theobald.de.pontincourt
    fiche mémo HTML FR

    Droits d'auteur :

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

    Mémo HTML et CSS

    Structure de base :

    Balise Description Exemple

    Déclaration du type de
    <!DOCTYPE> <!DOCTYPE html>
    document
    <html> Élément racine <html lang="fr">...</html>

    Contient les métadonnées du <head><title>Titre de la


    <head>
    document page</title></head>

    Informations sur le
    <meta> <meta charset="UTF-8">
    document
    <title> Titre de la page <title>Mon site web</title>

    <body> Contenu de la page <body>Contenu de la page</body>

    Texte et Liens :
    Balise Description Exemple

    Titres de section (de 1


    <h1> à <h6> <h1>Titre de niveau 1</h1>
    à 6)
    <p> Paragraphe <p>Ceci est un paragraphe.</p>

    <a href="
    <a> Hyperlien
    <https://exemple.com>">Lien</a>

    Mémo HTML et CSS 1


    <strong> Texte en gras <strong>Texte en gras</strong>

    <em> Texte en italique <em>Texte en italique</em>

    <u> Texte souligné <u>Texte souligné</u>

    <br> Saut de ligne Première ligne<br>Deuxième ligne

    Images et Médias :
    Balise Description Exemple
    <img> Image <img src="image.jpg" alt="Description">

    Élément <audio controls><source src="audio.mp3"


    <audio>
    audio type="audio/mp3"></audio>

    Élément <video controls><source src="video.mp4"


    <video>
    vidéo type="video/mp4"></video>

    Listes :
    Balise Description Exemple
    <ul><li>Élément 1</li><li>Élément 2</li>
    <ul> Liste non ordonnée
    </ul>

    <ol><li>Élément 1</li><li>Élément 2</li>


    <ol> Liste ordonnée
    </ol>

    <li> Élément de liste <li>Élément de liste</li>

    Liste de
    <dl> <dl><dt>Terme</dt><dd>Définition</dd></dl>
    définitions

    Tableaux :
    Balise Description Exemple
    <table><tr><td>Cellule 1</td><td>Cellule
    <table> Tableau
    2</td></tr></table>

    <tr> Ligne de tableau <tr><td>Donnée 1</td><td>Donnée 2</td></tr>

    Cellule de
    <td> <td>Contenu de la cellule</td>
    tableau

    En-tête de
    <th> <th>En-tête de colonne</th>
    tableau

    Mémo HTML et CSS 2


    Légende de
    <caption> <caption>Légende du tableau</caption>
    tableau

    Formulaires :
    Balise Description Exemple
    <form action="/traitement" method="post">...
    <form> Formulaire
    </form>

    Champ de
    <input> <input type="text" name="nom" value="John">
    saisie
    <button> Bouton <button type="button">Cliquez-moi</button>

    Liste <select><option value="1">Option 1</option>


    <select>
    déroulante <option value="2">Option 2</option></select>

    <textarea> Zone de texte <textarea rows="4" cols="50">Contenu</textarea>

    Autres :

    Balise Description Exemple


    <div> Division logique <div>Contenu de la division</div>

    <span> Texte en ligne <span>Texte en ligne</span>

    <hr> Séparateur horizontal <hr>

    Note : Les exemples donnés sont simplifiés pour illustrer


    l'utilisation de chaque balise. En pratique, les attributs
    peuvent varier en fonction des besoins spécifiques.

    Mémo HTML et CSS 3

    Vous aimerez peut-être aussi