>> Électroniques Technologie >  >> Maison intelligente >> Vie intelligente

Comment créer des colonnes en HTML

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.

É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 est codé de la manière suivante :

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 cellpacing. 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 cellpacing actif.

Exemple :

Colonne 1 Colonne 2

Étape 5

Ajoutez du contenu à vos colonnes. Le texte, les images, les formulaires et plus encore peuvent être inclus 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.


Vie intelligente