Résumé des connaissances sur les tableaux HTML

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 f5d188ed2c074f8b944552db028f98a1

a, format de base 237de333cfa22eea0fea57724040a9be

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 63bd76834ec05ac1f4c0ebbeaafb0994

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

b. La position d'insertion de l'attribut 63bd76834ec05ac1f4c0ebbeaafb0994 est directement après l'attribut f5d188ed2c074f8b944552db028f98a1, a34de1251f0d9fe1e645927f19a896e8 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, a34de1251f0d9fe1e645927f19a896e8Mark

a, définit une ligne du tableau. Pour chaque ligne du tableau, elle est représentée par un. paire de balises a34de1251f0d9fe1e645927f19a896e8...fd273fcf5bcad3dfdad3c41bd81ad3e5, chaque lignea34de1251f0d9fe1e645927f19a896e8 Les balises peuvent imbriquer plusieurs balises b6c5a531a458a2e790c1fd6421739d1c ou b4d429308760b6c2d20d6300079ed38e > 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

4, b6c5a531a458a2e790c1fd6421739d1c et b4d429308760b6c2d20d6300079ed38e

a, b6c5a531a458a2e790c1fd6421739d1c et b4d429308760b6c2d20d6300079ed38e apparaissant par paires

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

　c, b6c5a531a458a2e790c1fd6421739d1c 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>

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!