Un tableau HTML contient des informations sur un site Web.
L'ajout de colonnes à votre site Web est utile pour organiser le contenu. En fait, il n'y a pas de limite au nombre de colonnes que votre page Web peut contenir. Le codage des colonnes nécessite cependant la connaissance d'une autre balise HTML: le tableau. L'association de ces deux balises offre des possibilités infinies pour un site Web propre et beau.
Étape 1
Lancez votre éditeur HTML. Sélectionnez "Fichier" et "Nouveau" dans la barre de navigation du programme. Un document vierge apparaîtra sur votre écran.
Vidéo du jour
Étape 2
Créer un tableau. Les tables sont définies avec le
étiqueter. Chaque tableau peut être divisé en lignes et chaque ligne en cellules de données. Les cellules de données sont ce qui définira vos colonnes. Un tableau à deux colonnes est codé de la même manière :Colonne 1 | Colonne 2 |
Étape 3
Ajustez les propriétés de bordure du tableau. Si vous souhaitez que vos colonnes aient une bordure, placez la balise border="1" à l'intérieur de la balise table. Modifiez la couleur de la bordure à l'aide d'un code de couleur HEX avec la balise bordercolor="#000000". #000000 est noir. La bordure doit être définie sur au moins "1" pour qu'une couleur de bordure s'affiche.
Exemple:
Colonne 1 | Colonne 2 |
Étape 4
Ajoutez cellpadding ou cellspacing. Cellpadding est la quantité d'espace blanc entre la bordure et le contenu de la cellule. L'espacement des cellules est la distance entre les cellules. Ces balises sont appliquées dans la balise table. Il n'est pas obligatoire d'avoir cellpadding ou cellspacing actif.
Exemple:
Colonne 1 | Colonne 2 |
Étape 5
Ajoutez du contenu à vos colonnes. Le texte, les images, les formulaires et plus encore peuvent aller dans les balises de données du tableau.
Étape 6
Enregistrez votre document HTML. Prévisualisez-le dans votre navigateur Internet avant de le télécharger sur votre serveur Web.