Explication détaillée de 2 balises importantes en HTML-tutoriel HTML-php.cn

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

…

: 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