Maison > Article > interface Web > Qu'est-ce qu'un tableau ? Introduction aux tableaux en HTML
Le contenu de cet article porte sur ce qu'est une table ? L'introduction des tableaux en HTML a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère que cela vous sera utile.
Qu'est-ce qu'un formulaire ? Un tableau est une structure organisée en lignes et en colonnes. Les données sont présentées en lignes et en colonnes pour la mise en page. Cette méthode de mise en page est obsolète. Il est recommandé d'utiliser p+css pour implémenter la mise en page.
Comment créer un tableau HTML : Un tableau HTML est constitué d'une balise table, d'une balise caption, et d'une ou plusieurs balises tr, th ou td :
1. La balise table est utilisée pour définir le tableau, et le tableau entier contient les balises In f5d188ed2c074f8b944552db028f98a1 et f16b1740fad44fb09bfe928bcc527e08
2. La balise Légende définit le titre du tableau
3. pour définir une ligne dans le tableau, qui est un conteneur de cellules, chaque ligne peut contenir plusieurs cellules, représentées par les balises a34de1251f0d9fe1e645927f19a896e8 et fd273fcf5bcad3dfdad3c41bd81ad3e5 pour définir les cellules, et toutes les cellules sont dans la balise tr, chaque cellule est représentée par une paire de balises b6c5a531a458a2e790c1fd6421739d1c le contenu du tableau est placé dans cette paire de balises td. Ou dans la balise th, la syntaxe est la suivante :
Remarque : La différence entre th et td : th est présentée dans la cellule en gras et centré par défaut.<table> <caption>表格标题</caption> <tr> <th>1行1列的内容</th> <th>1行2列的内容</th> … </tr> <tr> <td>2行1列的内容</td> <td>2行2列的内容</td> … </tr> … </table>Quelques attributs d'étiquette courants du tableau
1. Attribut d'étiquette de bordure : définissez la largeur de la bordure du tableau (unité : px) ; de la bordure du tableau pour chaque cellule Ajoutez une bordure et entourez le tableau d'une bordure ; si la valeur de l'attribut border change, seule la taille de la bordure autour du tableau changera et la bordure à l'intérieur du tableau aura 1 pixel de large. ; il est recommandé d'utiliser l'attribut de style de bordure pour définir la bordure, et de ne pas utiliser l'attribut de balise de bordure Définir la bordure,
2. Attribut de balise de largeur : Définir la
largeur du tableau. Il est recommandé d'utiliser l'attribut de style de largeur pour définir la largeur du tableau. N'utilisez pas le paramètre d'attribut de balise de largeur. Cet attribut de balise a plusieurs valeurs :. décrire pixels Définissez la largeur en pixels (exemple : width="50"). % Définit la largeur en pourcentage de l'élément conteneur (exemple : width="50%").
3. Attribut de balise d'alignement : Spécifiez l'alignement du tableau par rapport aux balises environnantes. Il est recommandé d'utiliser l'attribut de style flottant pour obtenir cet effet :
valeur décrire gauche Alignez le tableau à gauche. droite Alignez le tableau à droite. centre Centrez la table. 4. Attribut de balise bgcolor : Spécifiez la couleur d'arrière-plan du tableau. Il est recommandé d'utiliser l'attribut de style background-color pour obtenir cet effet : valeur. décrire nom_couleur Spécifie que la valeur de couleur est la couleur d'arrière-plan du nom de couleur (par exemple « rouge »). numéro_hexadécimal Spécifie la couleur d'arrière-plan sous forme de valeur hexadécimale (telle que "#ff0000"). numéro_rvb Spécifie la valeur de couleur comme couleur d'arrière-plan dans le code RVB (par exemple "rgb(255,0,0)"). 5. Attribut de balise cellpadding : définissez la distance entre la limite de la cellule et le contenu de la cellule (unité : px). Il est recommandé d'utiliser l'attribut de style de remplissage pour obtenir son effet 6. Attributs de la balise Cellpacing : Spécifiez l'espacement entre les cellules (unité : px) Ce qui précède répertorie les attributs de balise couramment utilisés de la balise table. De plus, la balise table possède également trois attributs de balise : cadre, règles et résumé. , mais comme le cadre et les règles ne prennent pas en charge cet attribut dans le navigateur Internet Explorer et que l'attribut de balise récapitulative ne produira aucun effet visuel dans le navigateur, ces trois attributs de balise sont ignorés.attribut de balise tr
1. attribut de balise align : définissez l'alignement horizontal du contenu de la cellule dans la ligne du tableau. à gauche
Aligner le contenu à gauche (par défaut).
droite
Alignez le contenu à droite.
centre
Centrer le contenu.
justifier
Étirez les rangées de manière à ce que chaque rangée soit de même longueur (comme dans les journaux et les magazines).
carboniser
Alignez le contenu sur les caractères spécifiés. Remarque : Le navigateur ne prend pas en charge cette valeur d'attribut de balise
2. Attribut de balise bgcolor : définissez la couleur d'arrière-plan de la ligne du tableau. Il est recommandé d'utiliser l'attribut de style background-color pour obtenir cet effet : . valeur
décrire
nom_couleur
Spécifie que la valeur de couleur est la couleur d'arrière-plan du nom de couleur (par exemple « rouge »).
numéro_hexadécimal
Spécifie la couleur d'arrière-plan sous forme de valeur hexadécimale (telle que "#ff0000").
numéro_rvb
Spécifie la valeur de couleur comme couleur d'arrière-plan dans le code RVB (par exemple "rgb(255,0,0)").
3. Attribut de balise valign : définit l'alignement vertical du contenu de la cellule dans la ligne du tableau. Cet attribut de balise a plusieurs valeurs : valeur.
décrire
haut
Alignez le contenu en haut.
milieu
Aligne le contenu au centre (par défaut).
bas
Alignez le contenu vers le bas.
ligne de base
Alignez-vous sur la ligne de base. Attributs d'étiquette th et td 1. Attribut d'étiquette d'alignement : définit l'alignement horizontal du contenu de la cellule. Cet attribut d'étiquette a plusieurs valeurs : valeur.
décrire
gauche
Aligner le contenu à gauche (balise td par défaut).
droite
Alignez le contenu à droite.
centre
Centrer le contenu (balise par défaut).
justifier
Étirez les rangées de manière à ce que chaque rangée soit de même longueur (comme dans les journaux et les magazines).
carboniser
Alignez le contenu sur les caractères spécifiés. Remarque : Le navigateur ne prend pas en charge cette valeur d'attribut de balise
2. Attribut d'étiquette bgcolor : définissez la couleur d'arrière-plan de la cellule. Il est recommandé d'utiliser l'attribut de style background-color pour obtenir cet effet. Cet attribut d'étiquette a plusieurs valeurs : valeur.
décrire
nom_couleur
Spécifie que la valeur de couleur est la couleur d'arrière-plan du nom de couleur (par exemple « rouge »).
numéro_hexadécimal
Spécifie la couleur d'arrière-plan sous forme de valeur hexadécimale (telle que "#ff0000").
numéro_rvb
Spécifie la valeur de couleur comme couleur d'arrière-plan dans le code RVB (par exemple "rgb(255,0,0)").
3. Attribut d'étiquette valign : définit l'alignement vertical du contenu de la cellule. Cet attribut d'étiquette a plusieurs valeurs : top.
Alignez le contenu en haut.
milieu
Aligne le contenu au centre (par défaut).
bas
Alignez le contenu vers le bas.
ligne de base
Alignez-vous sur la ligne de base.
4. Attribut d'étiquette de largeur et attribut d'étiquette de hauteur : définissez la largeur et la hauteur de la cellule. Il est recommandé d'utiliser l'attribut de style de largeur et l'attribut de style de hauteur pour définir la largeur et la hauteur de la cellule. Attribut d'étiquette de largeur et attribut d'étiquette de hauteur. Paramètre, cet attribut d'étiquette a plusieurs valeurs : valeur.
décrire
pixels
La valeur de largeur ou de hauteur en pixels (telle que "100px").
pour cent
Une valeur de largeur ou de hauteur en pourcentage de l'élément conteneur (par exemple « 20 % »). 5. attribut de balise nowrap : définissez si le contenu de la cellule est enveloppé 6. attribut de balise colspan et attribut de balise rowspan : définissez respectivement le nombre de colonnes et le nombre de lignes couvertes par la cellule. Recommandations associées : Que signifie la petite balise html ? Exemples d'utilisation de la petite balise
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!