简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

Résumé des connaissances sur les tableaux HTML

小云云
Libérer： 2017-11-17 14:29:28
original
2015 Les gens l'ont consulté

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
ou > 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, 		et

a, 		et apparaissant par paires

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

　c, 		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
Derniers numéros
Conversion automatique PX en erreur REM  <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...
Depuis 2024-04-16 09:34:16
0
0
4687
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
Comment résoudre le mystérieux espace vide en bas de page en CSS J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas co...
Depuis 2024-04-06 20:22:15
0
1
454
Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire Je souhaite ajouter le squelette de mon composant Laravel dans un espace réservé livewire3...
Depuis 2024-04-06 20:02:10
0
2
543
Méthode de niveau supérieur pour remplacer une chaîne par du code HTML (généré à partir d'un tableau) Étant donné une chaîne comme celle-ci...$htmlPattern="Usernameis:#name#andusercompany...
Depuis 2024-04-06 17:40:41
0
2
410
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！