Comment créer 3 colonnes en HTML pour une page Web

L'utilisation de l'IVD

Étape 1

Démarrez un éditeur de texte, tel que Bloc-notes, WordPad ou EditPad. Sélectionnez "Fichier" et "Nouveau" dans le menu pour créer un nouveau document.

Étape 2

Copiez le code HTML suivant dans votre page pour ajouter trois colonnes à la page, à l'aide du raccourci clavier "Ctrl" et "C", puis collez-le avec "Ctrl" et "V":

Contenu de la première colonne Contenu de la deuxième colonne Contenu de la troisième colonne

Étape 3

Remplacez "width" par ".column1", ".column2" et ".column3" par la largeur que vous souhaitez définir. Remplacez la valeur "background-color" de chaque colonne par la couleur d'arrière-plan que vous souhaitez appliquer. Pour créer des colonnes sans fond, supprimez la ligne contenant "background-color", par exemple:

couleur de fond: rouge;

Utilisation de tableaux

Étape 1

Sélectionnez "Fichier" et "Nouveau" dans le menu de votre éditeur de texte préféré.

Étape 2

Copiez et collez le code HTML suivant dans votre page pour insérer trois colonnes:

Contenu de la première colonneContenu de la deuxième colonneContenu de la troisième colonne

Étape 3

Remplacez la largeur par la taille de colonne que vous souhaitez définir. Remplacez la valeur de "couleur de fond" par le fond souhaité. Pour supprimer la couleur d'arrière-plan, supprimez votre code tel que:

couleur de fond: jaune;

Des Articles Intéressants