Tableau est l'outil de formatage de données le plus important. Il possède un grand nombre d'applications à la fois en front-end et en back-end.
Vérifions quelques sites Web pour voir quel contenu de la page est créé à l'aide de tableaux.
HTML crée un tableau en utilisant la balise table. Cette balise est une balise composée typique, car il est inutile de simplement l'écrire. Elle doit être combinée avec les sous-balises internes pour avoir un sens.
Le principe de base de la création d'un tableau est le suivant : créez d'abord des lignes, puis divisez les colonnes. Une ligne et une colonne sont appelées une cellule et toutes les données utilisateur doivent être placées dans la cellule.
Créez des lignes à l'aide des balises
Vous constaterez que le tableau nouvellement créé ne ressemble pas du tout à un tableau. Il ne comporte même pas les lignes de tableau les plus élémentaires. C'est pour cette raison que les tableaux ont été utilisés pour la mise en page dans les premiers temps. mais ils ne sont pas utilisés maintenant.
Ajoutons quelques attributs de base à ce tableau, au moins pour le faire ressembler à un tableau.
border : Définissez la largeur de la ligne de bordure du tableau.
Cellpacing : définissez l'espacement entre les cellules, défini sur 0, ce qui équivaut à plier les bords des cellules. À ce stade, il utilise automatiquement la largeur de la bordure du tableau, par exemple 1.
cellpadding : définissez la distance entre les données de la cellule et la bordure afin que le contenu ne soit pas trop encombré.
aligner : définir le mode d'alignement des données dans la cellule. La valeur par défaut est l'alignement à gauche. Vous pouvez définir l'alignement à droite et l'alignement au centre.
width : Définissez la largeur du tableau, qui peut être une valeur absolue ou une valeur relative en pourcentage. Il est recommandé de la définir sur une valeur relative pour s'adapter aux changements de données.
hauteur : Définissez la hauteur du tableau. Il n'y a pas de réglage ici pour s'adapter aux changements du nombre de lignes dans le tableau.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格的基本属性</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="80%"> <caption><h3 id="岛国明星TOP-排行榜">岛国明星TOP50排行榜</h3></caption> <!-- bgcolor可以设置行或单元格的背景颜色:skyblue天蓝色 --> <tr bgcolor="skyblue"> <!-- <th>标签内部文本默认会加粗居中显示,非常适合做表头 --> <th>ID</th> <th>姓名</th> <th>腰围</th> <th>腰围</th> <th>臀围</th> </tr> <tr> <td align="center">01</td> <td align="center">波多野结衣</td> <td align="center">88</td> <td align="center">59</td> <td align="center">85</td> </tr> <tr> <td align="center">02</td> <td align="center">小泽玛利亚</td> <td align="center">90</td> <td align="center">60</td> <td align="center">85</td> </tr> <tr> <td align="center">03</td> <td align="center">浅川梨奈</td> <td align="center">87</td> <td align="center">61</td> <td align="center">88</td> </tr> <tr> <td align="center">04</td> <td align="center">深田恭子</td> <td align="center">86</td> <td align="center">62</td> <td align="center">88</td> </tr> <tr> <td align="center">05</td> <td align="center">苍老师</td> <td align="center">88</td> <td align="center">68</td> <td align="center">90</td> </tr> </table> <!-- 使用之前学过的<a>标签来制作一个简单的分页,这里的<p>标签只起到一个简单的包装作用 --> <p align="center"> <a href="">首页</a> <a href="">上一页</a> <a href="">1</a> <a href="">2</a> <a href="">3</a> <a href="">...</a> <a href="">下一页</a> <a href="">尾页</a> </p> </body> </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!
Comment pouvez-vous valider votre code HTML?Apr 24, 2025 am 12:04 AMLe code HTML peut être plus propre avec des validateurs en ligne, des outils intégrés et des processus automatisés. 1) Utilisez W3CMarkUpValidations Service pour vérifier le code HTML en ligne. 2) Installez et configurez l'extension htmlhint dans VisualStudiocode pour une vérification en temps réel. 3) Utilisez HTMLTIDY pour vérifier et nettoyer automatiquement les fichiers HTML dans le processus de construction.
HTML vs CSS et JavaScript: Comparaison des technologies WebApr 23, 2025 am 12:05 AMHTML, CSS et JavaScript sont les technologies de base pour la création de pages Web modernes: 1. HTML définit la structure de la page Web, 2. CSS est responsable de l'apparence de la page Web, 3. JavaScript fournit une dynamique de page Web et une interactivité, et ils travaillent ensemble pour créer un site Web avec une bonne expérience d'utilisation.
HTML comme un langage de balisage: sa fonction et son objectifApr 22, 2025 am 12:02 AMLa fonction de HTML est de définir la structure et le contenu d'une page Web, et son objectif est de fournir un moyen standardisé d'afficher des informations. 1) HTML organise différentes parties de la page Web via des balises et des attributs, tels que des titres et des paragraphes. 2) Il soutient la séparation du contenu et des performances et améliore l'efficacité de maintenance. 3) Le HTML est extensible, permettant aux balises personnalisées d'améliorer le référencement.
L'avenir de HTML, CSS et JavaScript: Tendances de développement WebApr 19, 2025 am 12:02 AMLes tendances futures de HTML sont la sémantique et les composants Web, les tendances futures de CSS sont CSS-in-JS et CSShoudini, et les tendances futures de JavaScript sont WebAssembly et sans serveur. 1. La sémantique HTML améliore l'accessibilité et les effets de référencement, et les composants Web améliorent l'efficacité du développement, mais l'attention doit être accordée à la compatibilité du navigateur. 2. CSS-in-JS améliore la flexibilité de gestion du style mais peut augmenter la taille du fichier. CSShoudini permet le fonctionnement direct du rendu CSS. 3.WeBassembly optimise les performances de l'application du navigateur mais a une courbe d'apprentissage abrupte, et sans serveur simplifie le développement mais nécessite une optimisation des problèmes de démarrage à froid.
HTML: The Structure, CSS: The Style, Javascript: Le comportementApr 18, 2025 am 12:09 AMLes rôles de HTML, CSS et JavaScript dans le développement Web sont: 1. HTML définit la structure de la page Web, 2. CSS contrôle le style de page Web, et 3. JavaScript ajoute un comportement dynamique. Ensemble, ils construisent le cadre, l'esthétique et l'interactivité des sites Web modernes.
L'avenir de HTML: évolution et tendances de la conception WebApr 17, 2025 am 12:12 AML'avenir de HTML est plein de possibilités infinies. 1) Les nouvelles fonctionnalités et normes comprendront plus de balises sémantiques et la popularité des composants Web. 2) La tendance de la conception Web continuera de se développer vers une conception réactive et accessible. 3) L'optimisation des performances améliorera l'expérience utilisateur grâce à des technologies de chargement d'image réactives et de chargement paresseux.
HTML vs CSS vs JavaScript: un aperçu comparatifApr 16, 2025 am 12:04 AMLes rôles de HTML, CSS et JavaScript dans le développement Web sont: HTML est responsable de la structure du contenu, CSS est responsable du style et JavaScript est responsable du comportement dynamique. 1. HTML définit la structure et le contenu de la page Web via des balises pour assurer la sémantique. 2. CSS contrôle le style de page Web via des sélecteurs et des attributs pour le rendre beau et facile à lire. 3. JavaScript contrôle le comportement de la page Web via les scripts pour atteindre des fonctions dynamiques et interactives.
HTML: Est-ce un langage de programmation ou autre chose?Apr 15, 2025 am 12:13 AMHtmlisnotaprogrammingNanguage; itisamarkupLanguage.1) htmlstructuresAndFormaSwebContentUsingTags.2) itworkswithcssforStylingandjavaScriptForIterActivity, EnhancingWebDevelopment.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Dreamweaver CS6
Outils de développement Web visuel
Version Mac de WebStorm
Outils de développement JavaScript utiles
ZendStudio 13.5.1 Mac
Puissant environnement de développement intégré PHP
Listes Sec
SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
