Comment créer des colonnes en HTML avec des tableaux

Ajouter des colonnes à votre site web aide à organiser le contenu. En fait, il n'y a pas de limite au nombre de colonnes qu'une page peut contenir. Coder des colonnes nécessite la connaissance d'une autre balise HTML : le tableau. Associer ces deux balises offre des possibilités infinies pour un site propre et attrayant.

Étape 1

Lancez votre éditeur HTML. Sélectionnez « Fichier » et « Nouveau » dans la barre de navigation. Un document vide apparaît.

Étape 2

Créez un tableau. Les tableaux sont définis avec la balise

. Chaque tableau peut être divisé en lignes et chaque ligne en cellules de données. Les cellules de données définissent vos colonnes. Un tableau à deux colonnes se code ainsi :

Colonne 1

Colonne 2

Étape 3

Ajustez les propriétés de bordure. Si vous voulez des bordures, mettez border="1" dans la balise table. Changez la couleur avec un code HEX via bordercolor="#000000". #000000 est noir. La bordure doit être au moins "1" pour que la couleur apparaisse.

Exemple :

Colonne 1

Colonne 2

Étape 4

Ajoutez cellpadding ou cellspacing. Cellpadding est l'espace blanc entre la bordure et le contenu. Cellspacing est la distance entre cellules. Ces attributs s'appliquent dans la balise table. Ce n'est pas obligatoire.

Exemple :

Colonne 1

Colonne 2

Étape 5

Ajoutez du contenu à vos colonnes. Texte, images, formulaires et plus peuvent aller dans les balises td.

Étape 6

Enregistrez votre document HTML. Prévisualisez-le dans votre navigateur avant de le téléverser sur votre serveur web.