Comment Dessiner Un Tableau En HTML

Table des matières:

Comment Dessiner Un Tableau En HTML
Comment Dessiner Un Tableau En HTML

Vidéo: Comment Dessiner Un Tableau En HTML

Vidéo: Comment Dessiner Un Tableau En HTML
Vidéo: Créer un tableau stylé en HTML / CSS 2024, Avril
Anonim

HTML est un langage de balisage de page qui peut être utilisé pour héberger des sites Web sur Internet. Pour formater le document dans ce cas, des balises sont utilisées - des éléments de description.

Comment dessiner un tableau en HTML
Comment dessiner un tableau en HTML

Nécessaire

  • - ordinateur;
  • - le programme « Bloc-notes »;
  • - compétences dans le travail avec HTML.

Instructions

Étape 1

Ouvrez votre page où vous souhaitez ajouter un tableau en HTML à l'aide du Bloc-notes. Pour ce faire, faites un clic droit sur le fichier pour faire apparaître le menu contextuel, sélectionnez l'option "Ouvrir avec". Sélectionnez un emplacement dans la balise Body pour ajouter le tableau au site.

Étape 2

Utilisez la balise… pour placer le tableau en Html. Il s'agit de la balise principale qui décrit le tableau. Tous ses éléments doivent être situés entre les balises d'ouverture et de fermeture. Par défaut, le tableau est créé sans séparateurs ni bordures. Ajoutez une bordure au besoin à l'aide de l'attribut Bordure. Pour ce faire, insérez-le dans la balise table et ajoutez une valeur numérique pour la largeur de la bordure, par exemple, une ligne dans le tableau. Pour ce faire, utilisez la balise …, le nombre de lignes est déterminé par le nombre de ses paires. Ajoutez une description de cellule à l'aide de la balise…. Placez la cellule uniquement à l'intérieur de la balise de ligne, ajoutez-y le numéro de la colonne (colonne) dans laquelle elle est placée.

Étape 4

L'emplacement du texte dans la cellule est déterminé à l'aide des attributs Aligh (gauche, droite, centre) - détermine le placement du texte horizontalement, et Valign (milieu, bas, haut) - détermine le placement des données dans la cellule verticalement. Cette description peut être ajoutée à la fois pour une cellule individuelle et pour la ligne entière.

Étape 5

Utilisez l'attribut Colspan pour fusionner les cellules horizontalement et Rowspan verticalement. Exemple de code de table: « Nom de la table » « Nom de la ligne fusionnée » « Nom de la première colonne » « Nom de la deuxième colonne » « Deuxième ligne » « Deuxième cellule de la deuxième ligne » « Troisième cellule de la deuxième ligne.

Conseillé: