Accéder au contenu principal

Comment créer un tableau pour afficher une date, des noms ou quelque chose d'autre, simplement avec ton téléphone ?

Date:

Tu veux apprendre à créer un tableau pour afficher des informations comme des noms, des dates ou des statuts ? Et tu n’as qu’un téléphone ? Pas de problème ! Aujourd’hui, je te montre comment créer un tableau en HTML et CSS simplement avec ton smartphone, sans avoir besoin d’un ordinateur ni de logiciel compliqué. Tu vas pouvoir organiser tes données et apprendre les bases du code en même temps.

Mon tableau

Tableau

Nom Date Statut
Awa 14/07/2025 Validé
Koffi 15/07/2025 En attente 

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Mon tableau</title>
  <style>
    table {
      width: 100%;
      border-collapse: collapse;
      font-family: Arial;
    }
    th, td {
      border: 1px solid #999;
      padding: 8px;
      text-align: center;
    }
    th {
      background-color: #eaeaea;
    }
  </style>
</head>
<body>
  <h2>Tableau</h2>
  <table>
    <tr>
      <th>Nom</th>
      <th>Date</th>
      <th>Statut</th>
    </tr>
    <tr>
      <td>Awa</td>
      <td>14/07/2025</td>
      <td>Validé</td>
    </tr>
    <tr>
      <td>Koffi</td>
      <td>15/07/2025</td>
      <td>En attente</td>
    </tr>
  </table>
</body>
</html>


Un tableau HTML est utilisé pour afficher des données de façon structurée. Chaque ligne contient une information, et chaque colonne représente un type de donnée (par exemple : Nom, Date, Statut).


📱 Comment tester ce code avec ton téléphone ?

Va sur https://codepen.io ou https://jsfiddle.net dans ton navigateur.

Colle le code dans la section HTML.

Appuie sur “Run” ou “Afficher” pour voir ton tableau.

Tu peux modifier les noms, les dates ou même les couleurs pour t’entraîner.


Créer un tableau avec HTML et CSS, ce n’est pas réservé aux experts ! Avec un simple téléphone, tu peux apprendre à coder, afficher tes propres données et développer des compétences utiles pour tes projets numériques.


🌐 Abonne-toi à mon blog danielbusiness44.com pour découvrir d’autres tutoriels simples, efficaces et accessibles.

Commentaires

Enregistrer un commentaire