4.13. Introduction au HTML : structure de base, balises et attributs : Tableaux en HTML

Lesson 17/100 | Study Time: 5 Min
4.13. Introduction au HTML : structure de base, balises et attributs : Tableaux en HTML

4.13. Introduction au HTML : structure de base, balises et attributs : tableaux en HTML

HTML, ou HyperText Markup Language, est le langage standard pour la création de pages Web et d'applications. Constitué d'une série d'éléments, ou « balises », le HTML forme la structure d'une page Web et indique au navigateur comment afficher le contenu. Dans cette section, nous explorerons la structure de base du HTML, les balises et les attributs, avec un accent particulier sur les tableaux en HTML.

 

Structure de base du HTML

 

Une page HTML est composée d'une série d'éléments imbriqués. Chaque page commence par une déclaration du type de document, qui pour HTML5 est simplement . Ensuite, nous avons la balise html qui entoure tout le contenu de la page, suivie des balises head et body.

 

La balise head contient des métadonnées sur la page, telles que le titre qui apparaît dans l'onglet du navigateur, des liens vers des feuilles de style CSS et des scripts JavaScript. La balise body contient le contenu principal de la page visible par les utilisateurs.

 

Exemple de structure HTML de base

 

<!DOCTYPE html>

<html>

  <head>

    <title>Titre de la page</title>

  /head>

  <body>

    Le contenu de la page va ici.

  </body>

</html>

 

Balises et attributs HTML

 

Les éléments HTML sont définis par des balises. Une balise est composée d’un nom d’élément, entouré de crochets angulaires. La plupart des éléments HTML ont une balise d'ouverture et une balise de fermeture, avec le contenu de l'élément entre les deux.

 

Par exemple, pour créer un paragraphe, nous utilisons la balise p. La balise d'ouverture est <p> et la balise de fermeture est </p>. Le contenu du paragraphe se situe entre ces balises.

 

De plus, les balises peuvent avoir des attributs qui fournissent des informations supplémentaires sur l'élément. Les attributs se présentent généralement sous forme de paires nom/valeur et sont inclus dans la balise d'ouverture de l'élément.

 

Exemple de balises et d'attributs HTML

<p style="color:blue"> Ceci est un paragraphe bleu.</p>

 

Dans cet exemple, le style est un attribut de la balise p et "color:blue" est la valeur de l'attribut. Cela indique au navigateur d'afficher le texte du paragraphe en bleu.

 

Tableaux en HTML

 

Les tableaux en HTML sont définis avec la balise <table> et sont constitués de lignes et de cellules. Les lignes sont définies avec la balise <tr> et les cellules à l'intérieur des lignes sont définies avec la balise <td>. pour les cellules de données ou <th> aux cellules d'en-tête.

 

Exemple de tableau en HTML

<tableau>

  <tr>

    <th>En-tête 1</th>

    <th>En-tête 2</th>

  /tr>

  <tr>

    <td>Cellule 1</td>

    <td>Cellule 2</td>

  /tr>

</tableau>

Cet exemple crée un tableau avec deux en-têtes et deux cellules de données. Le résultat est un tableau avec deux colonnes et deux lignes.

 

Les tableaux HTML peuvent également avoir des attributs, tels que "border" pour définir la bordure du tableau, "width" et "height" pour définir la largeur et la hauteur du tableau, et "cellpadding" et "cellspacing" pour définir le espace à l'intérieur et entre les cellules.

 

Exemple de tableau HTML avec attributs

<table border="1" width="100%" cellpadding="5">

  <tr>

    <th>En-tête 1</th>

    <th>En-tête 2</th>

  /tr>

  <tr>

    <td>Cellule 1</td>

    <td>Cellule 2</td>

  /tr>

</tableau>

Cet exemple crée un tableau avec une bordure de 1 pixel, une largeur de 100 % de la largeur de la page et un espace interne de 5 pixels dans chaque cellule.

Yihua Xiu

Yihua Xiu

Product Designer
4.38
Faithful User
Expert Vendor
Golden Classes
King Seller
Fantastic Support
Store Best Seller
Forums Top User

Class Sessions

1- 1. Introduction au développement front-end 2- 2. Qu'est-ce que HTML, CSS et Javascript 3- 3. Installation et configuration de l'environnement de développement 4- 4. Introduction au HTML : structure de base, balises et attributs 5- 4.1. Introduction au HTML : structure de base, balises et attributs : Introduction au HTML 6- 4.2. Introduction au HTML : structure de base, balises et attributs : Structure de base du HTML 7- 4.3. Introduction au HTML : structure de base, balises et attributs : Comprendre les balises HTML 8- 4.4. Introduction au HTML : structure de base, balises et attributs : Attributs en HTML 9- 4.5. Introduction au HTML : structure de base, balises et attributs : balises de titre 10- 4.6. Introduction au HTML : structure de base, balises et attributs : balises de paragraphe 11- 4.7 : Introduction au HTML : Structure de base, balises et attributs : Balises de lien (a) 12- 4.8. Introduction au HTML : structure de base, balises et attributs : Balises d'image (img) 13- 4.9. Introduction au HTML : structure de base, balises et attributs : Listes en HTML 14- 4.10. Introduction au HTML : structure de base, balises et attributs : Formulaires HTML 15- 4.11. Introduction au HTML : structure de base, balises et attributs : Balises d'entrée 16- 4.12. Introduction au HTML : structure de base, balises et attributs : balises de bouton 17- 4.13. Introduction au HTML : structure de base, balises et attributs : Tableaux en HTML 18- 4.14. Introduction au HTML : structure de base, balises et attributs : balises split et span 19- 4.15. Introduction au HTML : structure de base, balises et attributs : HTML sémantique 20- 4.16. Introduction au HTML : structure de base, balises et attributs : Introduction au CSS 21- 4.17. Introduction au HTML : structure de base, balises et attributs : sélecteurs CSS 22- 4.18 Introduction au HTML : structure de base, balises et attributs 23- 4.19. Introduction au HTML : structure de base, balises et attributs : modèle de boîte 24- 4.20. Introduction au HTML : structure de base, balises et attributs : positionnement en CSS 25- 4.21. Introduction au HTML : structure de base, balises et attributs : Flexbox et Grid 26- 4.22. Introduction au HTML : structure de base, balises et attributs : Media Queries 27- 4.23. Introduction au HTML : structure de base, balises et attributs : Introduction à JavaScript 28- 4.24. Introduction au HTML : structure de base, balises et attributs : variables et types de données 29- 4.25. Introduction au HTML : structure de base, balises et attributs : opérateurs JavaScript 30- 4.26. Introduction au HTML : structure de base, balises et attributs : structures de contrôle (if, switch, for, while) 31- 4.27. Introduction au HTML : structure de base, balises et attributs : Fonctions en JavaScript 32- 4.28. Introduction au HTML : structure de base, balises et attributs : Objets et tableaux 33- 4.29. Introduction au HTML : structure de base, balises et attributs : manipulation du DOM 34- 4.30. Introduction au HTML : structure de base, balises et attributs : événements en JavaScript 35- 4.31. Introduction au HTML : structure de base, balises et attributs : AJAX et API Fetch 36- 4.32. Introduction au HTML : structure de base, balises et attributs : Introduction à ES6+ 37- 4.33. Introduction au HTML : structure de base, balises et attributs : promesses et async/await 38- 4.34. Introduction au HTML : structure de base, balises et attributs : Introduction à Node.js et NPM 39- 4.35. Introduction au HTML : structure de base, balises et attributs : Frameworks et bibliothèques populaires (React, Angular, Vue) 40- 5. Formatage du texte avec HTML 41- 6. Listes et tableaux en HTML 42- 7. Formulaires et entrées en HTML 43- Introduction au CSS : sélecteurs, propriétés et valeurs 44- 8.1. Introduction au CSS : sélecteurs, propriétés et valeurs : Introduction au CSS 45- 8.2. Introduction au CSS : sélecteurs, propriétés et valeurs : Comprendre ce que sont les sélecteurs CSS 46- 8.3. Introduction au CSS : sélecteurs, propriétés et valeurs : Types de sélecteurs CSS : Élément, Classe et ID 47- 8.4. Introduction à CSS : sélecteurs, propriétés et valeurs : combinaison de sélecteurs CSS 48- 8.5. Introduction à CSS : sélecteurs, propriétés et valeurs : Introduction aux propriétés CSS 49- 8.6. Introduction au CSS : sélecteurs, propriétés et valeurs : Comment utiliser et comprendre les propriétés CSS 50- 8.7. Introduction au CSS : sélecteurs, propriétés et valeurs : Introduction aux valeurs en CSS 51- 8.8. Introduction au CSS : sélecteurs, propriétés et valeurs : Différents types de valeurs en CSS : Couleurs, Tailles et Unités 52- 8.9. Introduction à CSS : sélecteurs, propriétés et valeurs : Comment appliquer des valeurs aux propriétés CSS 53- 8.10. Introduction à CSS : sélecteurs, propriétés et valeurs : Comprendre la cascade et l'héritage en CSS 54- 8.11. Introduction à CSS : sélecteurs, propriétés et valeurs : comment utiliser l'inspecteur d'éléments pour déboguer CSS 55- 9. Style de texte avec CSS 56- 10. Mise en page et positionnement avec CSS 57- 11. Modèle de boîte et remplissage, bordure et marge 58- 12. Couleurs et arrière-plans en CSS 59- 13. Pseudoclasses et pseudoéléments en CSS 60- 14. Animations et transitions en CSS 61- 15. Conception réactive avec requêtes multimédias 62- 16. Introduction à Bootstrap 63- 17. Utilisation de grilles et de conteneurs dans Bootstrap 64- 18. Composants Bootstrap : boutons, formulaires, carrousel 65- 19. Introduction à Javascript : variables, types de données, opérateurs 66- 19.1. Introduction à Javascript : variables, types de données, opérateurs : Introduction à Javascript 67- 19.2. Introduction à Javascript : variables, types de données, opérateurs : Variables en Javascript 68- 19.3. Introduction à Javascript : variables, types de données, opérateurs : Types de données en Javascript 69- 19.4. Introduction à Javascript : variables, types de données, opérateurs : Opérateurs en Javascript 70- 20. Structures de contrôle en Javascript : si, pour, tant que 71- Fonctions en Javascript 72- 22. Objets et tableaux en Javascript 73- 23. Manipulation des éléments DOM et HTML avec Javascript 74- 24. Événements et auditeurs en Javascript 75- 25. Formulaires et validation des données avec Javascript 76- 26. Introduction à jQuery 77- 27. Effets et animations avec jQuery 78- 28. Requêtes Ajax et HTTP avec Javascript 79- 29. Introduction à React.js 80- 30. Composants et état dans React.js 81- 31. Itinéraires et navigation dans React.js 82- 32. Introduction à Vue.js 83- 33. Directives et composants dans Vue.js 84- 34. Gestion de l'état avec Vuex 85- 35. Introduction à Angular.js 86- 36. Composants et services dans Angular.js 87- 37. Formulaires et validation des données avec Angular.js 88- 38. Bonnes pratiques de codage et d’organisation de projet 89- 39. Gestion des versions de code avec Git 90- 40. Déploiement d'applications Front End 91- 41. Tests unitaires et d'intégration en Javascript 92- 42. SEO et accessibilité Web 93- 43. Performances et optimisation du site Web 94- 44. Outils de développement de navigateur 95- 45. Travailler avec des API et des données JSON 96- 46. ​​​​​​Présentation de Node.js et Express.js 97- 47. Websockets et communication en temps réel 98- 48. Travailler avec des bases de données NoSQL : MongoDB 99- 49. Authentification et autorisation avec JWT 100- 50. Sécurité Web : CORS, CSRF, XSS

GDPR

When you visit any of our websites, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and manage your preferences. Please note, that blocking some types of cookies may impact your experience of the site and the services we are able to offer.