Résumé des connaissances sur les tableaux HTML-tutoriel HTML-php.cn

Pour franchir la porte des programmeurs, le chemin que nous devons franchir est le HTML. Ce n'est qu'en maîtrisant les bases du HTML que nous pourrons mieux apprendre la prochaine technologie. Nous partagerons donc aujourd'hui tous les aspects des connaissances liées aux tableaux HTML.

1. Marque

a, format de base

b, attribut de la balise tableau

attribut width : représente la largeur du tableau, sa valeur peut être en pixels (px) ou 100% (%) de l'élément parent

hauteur Attribut : Indique la hauteur du tableau. Sa valeur peut être en pixels (px) ou en pourcentage (%) de l'élément parent

　 Attribut Border : Indique la largeur de la bordure extérieure du tableau

Attribut Aligner : La position d'affichage du tableau, la valeur gauche est affichée à gauche, le centre est affiché au centre, la droite est affichée à droite, la valeur par défaut est gauche

　 Attribut Cellspacing : l' espacement du temps de cellule, la valeur par défaut est 2px, le pixel unité est

　 Attribut Cellpadding : cellule La distance d'affichage entre le contenu et la bordure de la cellule, en pixels

attribut frame : contrôle l'affichage distance de la bordure de la table

vide (valeur par défaut) signifie pas de bordure

au-dessus signifie uniquement le haut Avec bordure

　ci-dessous signifie uniquement la bordure inférieure

côtés signifie uniquement la bordure supérieure et la bordure inférieure

lhs signifie uniquement la bordure gauche

　rhs Indique uniquement la bordure droite

vsides indique uniquement les bordures gauche et droite

la boîte contient les 4 bordures

la bordure contient les 4 bordures

règles Propriétés : Contrôler si et comment afficher les lignes de séparation entre les cellules

aucune (valeur par défaut) signifie aucune division lignes

tous signifie, y compris toutes les lignes de séparation

lignes signifie uniquement les lignes de séparation des lignes

Clos signifie uniquement les lignes de séparation des colonnes

Groupes signifie qu'il n'y a que des lignes de séparation entre les groupes de colonnes de combinaison de lignes

c, créez une mise en page simple de page Web

2, balise

　a, quand l'utiliser ? Quand l'utiliser Si le tableau doit utiliser un titre, vous pouvez utiliser la balise

b. La position d'insertion de l'attribut est directement après l'attribut , avant la ligne du tableau

c, attribut d'alignement

top : Le titre est placé en haut du tableau

botton : le titre est placé en bas du tableau

gauche : le titre est placé du côté gauche du tableau

droite : le titre est placé sur le côté droit du tableau

3, Mark

a, définit une ligne du tableau. Pour chaque ligne du tableau, elle est représentée par un. paire de balises ..., chaque ligne Les balises peuvent imbriquer plusieurs balises

> Définir le format d'alignement horizontal : align="color value"

botton : aligner vers le haut

haut : aligner vers le bas

milieu : aligner sur le centre

apparaissant par paires

est la marque d'en-tête du tableau, généralement située dans la première ligne ou colonne. Le texte dans

est une marque de données, indiquant la cellule Les données spécifiques de

d, les attributs de marque des deux sont les mêmes

e, l'attribut

bgcolor : définir l'arrière-plan de la cellule

align : définir l'arrière-plan de la cellule

valign : définir l'alignement vertical de la cellule

Largeur : définir la largeur de la cellule

Height : Définir la hauteur des cellules

Rowspan : Définir le nombre de lignes occupées par les cellules

Clospan : Définir le nombre de colonnes occupées par les cellules

par exemple :

Ce qui précède sont quelques contenus liés au tableau HTML le plus basique. Remplissez un formulaire selon le tutoriel ci-dessus, je pense que vous gagnerez beaucoup.

Recommandations associées :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
    <table width="960" height="250" border="1" cellpadding="10" frame="box" >
        <caption>表格的标题</caption>
    <tr bgcolor="#ccc">
        <th bgcolor="red">班级</th>
        <th>姓名</th>
        <th>年级</th>
        <th>成绩</th>
    </tr>
    <tr>
        <td>四年级一班</td>
        <td>张三</td>
        <td>16</td>
        <td>80</td>
    </tr>
        <tr>
        <td>四年级一班</td>
        <td>李四</td>
        <td>16</td>
        <td>70</td>
    </tr>
        <tr>
        <td>四年级一班</td>
        <td>王五</td>
        <td>16</td>
        <td>60</td>
    </tr>
    </table>
</body>
</html>

Copier après la connexion

Une introduction complète aux propriétés des tableaux HTML

Redécouverte des tableaux HTML

Introduction détaillée aux tableaux HTML

Utilisation pratique de la mise en page des tableaux HTML

Explication des exemples de mise en page des tableaux HTML

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!

Étiquettes associées：

html 总结表格

source：php.cn

Article précédent：css, code source de la loterie de dés js Article suivant：js pour convertir du HTML en PDF

Déclaration de ce site Web

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

Derniers articles par auteur