Maison >interface Web >tutoriel HTML >Introduction détaillée aux balises de table (TABLE) (TAGS)_HTML/Xhtml_Production de pages Web

Introduction détaillée aux balises de table (TABLE) (TAGS)_HTML/Xhtml_Production de pages Web

WBOY
WBOYoriginal
2016-05-16 16:40:541315parcourir

Syntaxe de base des tableaux

...
- Définir le tableau
- Définir la ligne du tableau
Yuan (données spécifiques du tableau)
Tableau avec bordures :




Copiez le codeLe code est le suivant :

NourritureBoissonSweet
< td>A< ;/td>BC


Food Drink Sweet
A B C

Tableau sans bordures :


Copier le codeLe code est le suivant :
td>A
BC






Food Drink Sweet
A B C

Table Span s'étendant sur plusieurs lignes et colonnes

Éléments de tableau s'étendant sur plusieurs colonnes


Copier le code
Le code est le suivant :
Menu du matin
;th>Boire Sweet
ABC





Éléments de tableau s'étendant sur plusieurs lignes
Morning Menu
Food Drink Sweet
A B C



Copier le code
Le code est le suivant :
Menu du matin
Nourriture tr>Boire B
Sweet



Réglage de la taille du tableau

Paramètres de taille de bordure :


Copier le code
Le code est le suivant :

< bordure de la table=10>
NourritureBoissonSweet
< ;td>ABC

Food Drink Sweet
A B C
Paramètre de taille de table :




Copier le code
Le code est le suivant : < bordure de la table largeur=170 hauteur=100>
NourritureBoissonSweet
< ;tr> ABC



Paramètre d'écart entre les éléments du tableau :

Food Drink Sweet
A B C

Copier le code



Le code est le suivant :
A
NourritureBoireSweetBC



Paramètre vide interne de l'élément de table :

Food Drink Sweet
A B C

Copiez le code



Le code est le suivant :
NourritureBoireSweet ABC

Alignement/disposition du texte dans le tableau

#=gauche, centre, droite



Copier le codeLe code est le suivant :


NourritureBoireSweet

A
B
C


Food Drink Sweet
A B C

#=haut, milieu, bas, ligne de base



Copier le codeLe code est le suivant :

NourritureBoire
Sweet< /th> Autre

A
B
C
D



Food Drink Sweet Other
A B C D

Alignement/disposition du tableau sur la page (Floating Table)


Copier le code
Le code est le suivant :

NourritureBoissonSweet
A< ;/td> ;BC



Mes cookies favoris...
des chocolats, et plus encore

Mes favoris...biscuits, chocolats et plus encore
Food Drink Sweet
A B C

.

Mes favoris...
biscuits, chocolats et plus encore.

#=valeur d'espace


复制代码
代码如下 :



< td>A
NourritureBoissonSweet
BC


 Mes favoris...
Food Drink Sweet
A B C

Mes favoris...
biscuits, chocolats et plus encore.

 表格的标题

... #=gauche, centre, droite

复制代码
代码如下 :

< bordure de table>
Déjeuner
NourritureBoissonSweet
ABC

Lunch

Food Drink Sweet
A B C
Déjeuner

Nourriture Boire Doux
A B C

... #=haut, bas

valign=top est la valeur par défaut.
复制代码
代码如下 :



Déjeuner
NourritureBoissonSucré< ;/th>
ABC

Food Drink Sweet
A B C
Déjeuner
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Analyse de la différence entre chemins absolus et chemins relatifs dans la production de pages HTML_HTML/Xhtml_WebArticle suivant:Analyse de la différence entre chemins absolus et chemins relatifs dans la production de pages HTML_HTML/Xhtml_Web

Articles Liés

Voir plus