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

Explication détaillée de 2 balises importantes en HTML

零下一度
Libérer： 2017-05-11 15:34:15
original
1248 Les gens l'ont consulté

1. Balises

…

Au cours du processus de création de page Web, certaines parties logiques indépendantes sont divisées et placées dans une balise

agit comme un conteneur. Une section logique est un ensemble d'éléments interdépendants sur une page. Par exemple, une section de colonnes indépendantes dans une page Web est une partie logique typique.

 

...

Afin de rendre la logique plus claire, nous pouvons définir un nom pour cette partie logique indépendante, en utilisant idAttribut pour fournir un nom unique pour

, tout comme le numéro d'identification identifie de manière unique notre identité et doit être unique.

html基础2 重要标签0

2. balise table Tableau sur la page Web

crée quatre éléments du tableau : table, tbody, tr, th , td

a,

…
 : Le tableau entier commence par la balise et se termine par la balise
.

b, … : Lorsqu'il y a beaucoup de contenu de tableau, le tableau sera téléchargé et affiché un peu, mais si la balise le tableau devra attendre le contenu du tableau. Il ne sera affiché que lorsque tout sera téléchargé. Comme le code à droite dans l'éditeur de code .

c, … : Une ligne du tableau, il y a donc plusieurs lignes du tableau autant de paires de tr.

d, … : Une cellule du tableau contient plusieurs paires de ..., indiquant le nombre de colonnes. dans une rangée.

e, … : une cellule en tête de tableau, en-tête de tableau.

f. Le nombre de colonnes dans le tableau dépend du nombre de cellules de données dans une rangée. 

<table>
  <tbody>
    <tr>
      <th>班级</th>
      <th>学生数</th>
      <th>平均成绩</th>
    </tr>
    <tr>
      <td>一班</td>
      <td>30</td>
      <td>89</td>
    </tr>
    <tr>
      <td>二班</td>
      <td>35</td>
      <td>85</td>
    </tr>
    <tr>
      <td>三班</td>
      <td>32</td>
      <td>80</td>
    </tr>
  </tbody>
</table>
Copier après la connexion

html基础2 重要标签1

Résumé : Le tableau table n'affiche aucune ligne de tableau dans le navigateur avant d'ajouter le style CSS. L'en-tête, c'est-à-dire le texte contenu dans le texte, est en gras et centré par défaut. 

<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>
Copier après la connexion

Ajouter un résumé au tableau

Le contenu du résumé ne sera pas affiché dans le navigateur, et sa fonction est d'augmenter la lisibilité du tableau.

Ajoutez un titre au tableau pour décrire le contenu du tableau et affichez-le au-dessus du tableau 

<table>
    <caption>标题文本</caption>
    <tr>
        <td>…</td>
        <td>…</td>
        …
    </tr>
…
</table>
Copier après la connexion

[Recommandations associées]

1. Gratuit Tutoriel vidéo en ligne HTML

2. Manuel de développement HTML

3 Tutoriel vidéo HTML5 original php.cn

.

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：Qu'est-ce qu'une configuration à double aile volante ? Partagez un exemple de code de disposition à double aile volante Article suivant：Partager un exemple d'application de page HTML hors ligne
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
Tirer parti des composants VueJS en PHP Je souhaite mélanger le HTML de base généré par les composants Php et VueJS sans avoir à u...
Depuis 2023-11-11 00:01:44
0
2
288
Comment utiliser la balise primitive ouverte dans Next JS 13 ? Dans la récente mise à jour NextJS13, ils ont introduit une nouvelle façon de gérer les ba...
Depuis 2023-11-10 23:03:51
0
1
527
Intégrer des documents de contenu SVG inter-domaines à l'aide de la balise object Est-il "légal" d'avoir un SVG contenant des données provenant d'un domaine exter...
Depuis 2023-10-31 18:04:21
0
1
249
Les éléments personnalisés nécessitent-ils des balises de fermeture ? Les éléments que j'ai définis (qui ne nécessitent pas de contenu) semblent fonctionner trè...
Depuis 2023-10-29 22:40:33
0
1
307
Le dessus positionné relativement ne fonctionne pas comme prévu Pourquoi l'attribut top ne fonctionne pas lorsque l'étiquette est sœur de , mais si je sup...
Depuis 2023-10-29 21:02:46
0
1
236
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！