Scribd
Importer
22 vues3 pages

Balises HTML Utilisation

Le document présente une liste exhaustive des balises HTML, organisées par catégories telles que la structure de base, le texte et les titres, les liens et médias, les listes, les tableaux, les formulaires, ainsi que la structure et la mise en page. Chaque balise est accompagnée d'une brève description et d'un exemple d'utilisation. Ce guide sert de référence pour comprendre et utiliser les balises HTML dans le développement web.

Transféré par

Mouhamed lamine Sonko
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
22 vues3 pages

Balises HTML Utilisation

Le document présente une liste exhaustive des balises HTML, organisées par catégories telles que la structure de base, le texte et les titres, les liens et médias, les listes, les tableaux, les formulaires, ainsi que la structure et la mise en page. Chaque balise est accompagnée d'une brève description et d'un exemple d'utilisation. Ce guide sert de référence pour comprendre et utiliser les balises HTML dans le développement web.

Transféré par

Mouhamed lamine Sonko
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Toutes les balises HTML - Utilite et Utilisation

Structure de base
- <html> : Encadre tout le document HTML
Ex: <html>...</html>
- <head> : Contient les metadonnees, titre, liens CSS
Ex: <head>...</head>
- <title> : Titre dans longlet du navigateur
Ex: <title>Mon site</title>
- <body> : Contenu visible de la page
Ex: <body>...</body>
- <meta> : Metadonnees (charset, langue...)
Ex: <meta charset="UTF-8">
- <link> : Lien vers un fichier CSS
Ex: <link rel="stylesheet" href="style.css">
- <script> : Inserer un script JavaScript
Ex: <script src="main.js"></script>

Texte & Titres


- <h1> a <h6> : Titres du plus grand au plus petit
Ex: <h1>Titre</h1>
- <p> : Paragraphe de texte
Ex: <p>Texte</p>
- <br> : Saut de ligne
Ex: Ligne 1<br>Ligne 2
- <hr> : Ligne horizontale
Ex: <hr>
- <strong> : Texte en gras (important)
Ex: <strong>Important</strong>
- <em> : Texte en italique (emphase)
Ex: <em>Italique</em>
- <span> : Encapsuler du texte pour styliser
Ex: <span style="color:red">Texte</span>
- <pre> : Texte preformate (espaces conserves)
Ex: <pre>Texte</pre>

Liens & Medias


- <a> : Lien hypertexte
Ex: <a href="https://ex.com">Lien</a>
- <img> : Inserer une image
Ex: <img src="img.jpg" alt="image">
- <video> : Inserer une video
Ex: <video src="vid.mp4" controls></video>
- <audio> : Inserer un son
Ex: <audio src="son.mp3" controls></audio>
- <iframe> : Afficher une autre page
Ex: <iframe src="https://ex.com"></iframe>

Listes
- <ul> : Liste non ordonnee
Ex: <ul><li>Item</li></ul>
- <ol> : Liste ordonnee
Ex: <ol><li>Item</li></ol>
- <li> : Element d'une liste
Ex: <li>Texte</li>
- <dl> : Liste de definitions
Ex: <dl><dt>HTML</dt><dd>Def</dd></dl>

Tableaux
- <table> : Creer un tableau
Ex: <table>...</table>
- <tr> : Ligne du tableau
Ex: <tr>...</tr>
- <td> : Cellule
Ex: <td>Donnee</td>
- <th> : Cellule d'en-tete
Ex: <th>Titre</th>

Formulaires
- <form> : Creer un formulaire
Ex: <form action="#" method="post"></form>
- <input> : Champ de formulaire
Ex: <input type="text">
- <label> : Etiquette dun champ
Ex: <label for="nom">Nom</label>
- <textarea> : Zone de texte
Ex: <textarea></textarea>
- <button> : Bouton denvoi
Ex: <button>Envoyer</button>

Structure & Layout


- <div> : Bloc de contenu
Ex: <div>...</div>
- <section> : Section thematique
Ex: <section>...</section>
- <header> : En-tete de page
Ex: <header>...</header>
- <footer> : Pied de page
Ex: <footer>...</footer>
- <nav> : Zone de navigation
Ex: <nav>...</nav>
- <main> : Contenu principal
Ex: <main>...</main>

Vous aimerez peut-être aussi