标签将表格分成一行一行,再用标签把每行分成一格一格。完全手写代码创建table是十分困难和低效的,而在网页制作软件中制作表格就如同Word一样简单,只需要选择行列之类的简单属性即可。但是我们可能会遇到自动做出的表格不符合要求,而需要在代码模式调整的可能,因此我们还是要大概了解XHTML表格标签的具体写法。
表格的边框(border)属性
标签可以有border属性。如果不设置border属性的值,在默认情况下,浏览器将不显示表格的边框。
表格练习
我们来建立一个四行两列的标签,代码如下:
一个格子 |
一个格子 |
一个格子 |
一个格子 |
一个格子 |
一个格子 |
一个格子 |
一个格子 |
dans le positionnement. Cependant, en fait, comme l'utilisation de la mise en page CSS nécessite souvent beaucoup de travail de code manuscrit (les logiciels de conception Web couramment utilisés tels que Dreamweaver ne prennent pas parfaitement en charge l'affichage des divs), est toujours utilisé par de nombreux sites Web comme mise en page de page d'accueil, comme comme le tableau Plus de produits de Google pour localiser. Cependant, je vous recommande personnellement de commencer à utiliser CSS pour positionner les pages Web, car c'est la direction du développement du Web. Bien sûr, remplacer les tables par du CSS peut vous causer beaucoup de problèmes au début.
Balise de tableau
En XHTML, la balise pour créer un tableau est Lors de l'écriture de code, il faut d'abord utiliser la balise
pour diviser le tableau en lignes et lignes, puis utiliser la balise pour diviser chacune. rangée dans les cellules. Il est très difficile et inefficace de créer un tableau avec du code entièrement manuscrit. Cependant, créer un tableau dans un logiciel de production de pages Web est aussi simple que Word et il vous suffit de sélectionner des attributs simples tels que des lignes et des colonnes. Cependant, nous pouvons rencontrer la possibilité que le tableau généré automatiquement ne réponde pas aux exigences et doive être ajusté en mode code. Par conséquent, nous devons encore avoir une compréhension générale de la méthode d'écriture spécifique des balises de tableau XHTML.
L'attribut border de la table
Les balises
peuvent avoir des attributs de bordure. Si la valeur de l'attribut border n'est pas définie, le navigateur n'affichera pas la bordure du tableau par défaut.
Pratique aux tables
Créons une étiquette avec quatre lignes et deux colonnes. Le code est le suivant :
Une grilleUne grilleUne grilleUne grilleUne grilleUne grilleUne grilleUne grille td>
Le résultat d'affichage de est le suivant : Faites attention au code ci-dessus Il y a 4 paires de au total, correspondant aux 4 lignes ci-dessous. Et chaque (ligne) a deux cellules. Cela devient donc un tableau avec 4 lignes et 2 colonnes.
une grille
une grille
une grille
une grille
une grille
une grille
une grille
une grille
Un tel tableau est suffisant pour répertorier des informations telles que des données, mais les tableaux utilisés pour le positionnement sont généralement plus complexes. Encore une fois, nous ne recommandons pas d'utiliser des tableaux pour le positionnement, nous ne présentons donc que brièvement ici.
|
|