Vous êtes sur la page 1sur 2

Créer tableau HTML.

Code pour faire un tableau sur HTML

Voici un exemple de code pour créer un tableau HTML simple avec deux lignes et deux
colonnes :

cssCopy code
< table > < tr > < th >Titre colonne 1 </ th > < th >Titre colonne 2 </ th > </ tr > < tr > < td >Contenu ligne 1
colonne 1 </ td > < td >Contenu ligne 1 colonne 2 </ td > </ tr > < tr > < td >Contenu ligne 2 colonne 1 </ td >
< td >Contenu ligne 2 colonne 2 </ td > </ tr > </ table >

Explication :

 <table> : balise ouvrante pour définir le début du tableau


 <tr> : balise ouvrante pour définir une ligne du tableau
 <th> : balise ouvrante pour définir une cellule d'en-tête (titre de colonne)
 <td> : balise ouvrante pour définir une cellule de données (contenu)
 </table>, </tr>, </th>, </td> : balises fermantes correspondantes

Dans cet exemple, la première ligne du tableau contient les titres de colonne, et les deux
lignes suivantes contiennent les données. Les cellules d'en-tête sont entourées de balises <th>
pour les distinguer des cellules de données entourées de balises <td>.

Code pour faire un page multimédia sur HTML

Voici un exemple de code pour créer une page HTML avec des éléments multimédias, tels que
des images, des vidéos et des fichiers audio :

phpCopy code
<!DOCTYPE html> <html> <head> <title>Page multimédia</title> </head> <body> <h1>Ma page
multimédia</h1> <h2>Image</h2> <img src="chemin/vers/mon/image.jpg" alt="description de l'image">
<h2>Vidéo</h2> <video width="320" height="240" controls> <source src="chemin/vers/ma/video.mp4"
type="video/mp4"> <source src="chemin/vers/ma/video.webm" type="video/webm"> </video> <h2>Fichier
audio</h2> <audio controls> <source src="chemin/vers/mon/fichier-audio.mp3" type="audio/mpeg"> <source
src="chemin/vers/mon/fichier-audio.ogg" type="audio/ogg"> </audio> </body> </html>

Explication :

 <!DOCTYPE html> : définit le type de document HTML


 <html> : balise ouvrante pour définir le début du document HTML
 <head> : balise ouvrante pour définir l'en-tête du document, où se trouvent notamment le
titre de la page
 <title> : balise pour définir le titre de la page
 </head> : balise fermante de l'en-tête
 <body> : balise ouvrante pour définir le corps de la page
 <h1> : balise pour définir un titre de niveau 1
 <h2> : balise pour définir un titre de niveau 2
 <img> : balise pour afficher une image, avec l'attribut src qui définit le chemin vers l'image et
l'attribut alt qui donne une description alternative pour l'image (utile notamment pour
l'accessibilité)
 <video> : balise pour afficher une vidéo, avec l'attribut src qui définit le chemin vers la vidéo
et l'attribut type qui définit le format de la vidéo. L'attribut width et height définissent la
taille de la vidéo en pixels et l'attribut controls affiche les boutons de contrôle de la vidéo
(lecture, pause, etc.).
 <source> : balise enfant de la balise <video> qui définit les différents formats de la vidéo
pour une meilleure compatibilité avec différents navigateurs.
 <audio> : balise pour afficher un fichier audio, avec l'attribut src qui définit le chemin vers le
fichier audio et l'attribut type qui définit le format audio. L'attribut controls affiche les
boutons de contrôle pour la lecture audio.
 </body> : balise fermante du corps de la page
 </html> : balise fermante du document HTML

Vous aimerez peut-être aussi