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

et

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 et 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 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

Quel est l'attribut color de la balise font HTML ? Introduction à l'utilisation de fontcolor (avec table de codes couleurs)

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!