recherche

Maison >interface Web >tutoriel HTML >Une brève discussion sur la production de pages HTML _HTML/Xhtml_web

Une brève discussion sur la production de pages HTML _HTML/Xhtml_web

WBOY
WBOYoriginal
2016-05-16 16:42:141541parcourir

Discutez principalement de sa structure et de certaines propriétés importantes. Je vais le présenter d'une manière qui s'améliore lentement.
1) La structure de base est la suivante : représente une ligne du tableau, En parlant de colonne, vous pouvez en fait
l'imaginer comme une cellule dans un mot. est en fait une cellule, mais elle est utilisée comme titre de tableau. D'un point de vue sémantique,
dit : indique l'unité de données dans le tableau, et indique le titre d'une colonne ou d'une ligne du tableau.

Copier le code
Le code est le suivant :

>


2) Un titre peut être un titre de ligne ou un titre de colonne. Comment le distinguer ? Vous devez utiliser l'attribut scope scope=row/col.




Copier le code
Le code est le suivant :
>< /table>


3) Le tableau a également son propre titre




Copier le code
Le code est le suivant : Titre du tableau "col">
🎜>4) Donner le tableau Ajouter un attribut récapitulatif d'introduction





Copier le code


Le code est le suivant :
🎜>5) Modèle de bordure de tableau et remplissage par défaut des cellules. Les bordures des tableaux peuvent être affichées de deux manières : séparées et fusionnées. border-collapse : séparé/collapse Le style par défaut d'IE6 est séparé, qui semble tridimensionnel. En fait, chaque cellule a sa propre bordure indépendante. La fusion est une frontière partagée. table { border-collapse; }
Il y a un espace vide entre les cellules par défaut. Vous pouvez utiliser l'espacement des bordures pour le contrôler. Parce qu'IE6 ne le prend pas en charge, il est rarement utilisé. IE6
Utiliser l'espacement des cellules.




Copier le code


Le code est le suivant :


Titre du tableau


Titre du tableau
< /th>< /tr>
6) Ajouter quelques lignes et des colonnes. Et ajoutez un identifiant à chaque .


Copier le code


Le code est le suivant :


;



>
>

7) Divisez logiquement le tableau, après avoir divisé le tableau en plusieurs zones logiques, vous pouvez utiliser CSS pour mieux
contrôler les performances.





Copier le code


Le code est le suivant :

Titre du tableau
Nom Adresse date de naissance
hubei
19870102
0103≪ td>




< e scope="col" id="nom">Nom
col" id ="databirthday">Date de naissance
< ;td> brebis

> >
Cet essai ne parle que brièvement de la structure du tableau, j'espère qu'il sera utile.
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：La différence entre la production de pages HTML Frame, Iframe et Frameset _HTML/Xhtml_WebArticle suivant：La différence entre la production de pages HTML Frame, Iframe et Frameset _HTML/Xhtml_Web

Articles Liés

Voir plus
Titre du tableau
Adresse
hubei ;td>419880103&Lt ;td>