Comment utiliser les balises HTML dans les tableaux HTML ?-tutoriel HTML-php.cn

Comment utiliser les balises HTML dans les tableaux HTML ?

王林

Libérer： 2023-09-08 18:13:01

avant

1638 Les gens l'ont consulté

Nous pouvons facilement ajouter des balises HTML dans les tableaux. Les balises HTML doivent être placées entre les balises

Par exemple, ajoutez des balises de paragraphe

…

ou d'autres balises disponibles dans la balise .

Comment utiliser les balises HTML dans les tableaux HTML ?

Grammaire

Voici la syntaxe d'utilisation des balises HTML dans les tableaux HTML.

<td>
   <p> Paragraph of the context</p>
<td>

Copier après la connexion

Exemple 1

Vous trouverez ci-dessous des exemples d'utilisation de balises HTML dans des tableaux HTML.

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
      table,tr,th,td {
         border:1px solid black;
      }
   </style>
</head>
<body>
   <table style="width: 50%">
      <caption style="text-align: center; ">Employees</caption>
      <tr>
         <th >EmployeeName</th>
         <th >About Employee</th>
      </tr>
      <tr>
         <td >Yadav</td>
         <td ><p>Lokesh yadav is a content developer at tutorialspoint.</p></td>
      </tr>
      <tr>
         <td>Abdul</td>
         <td ><p>Abdul is a content developer at tutorialspoint.</p></td>
      </tr>
   </table>
</body>
</html>

Copier après la connexion

Ce qui suit est le résultat de l'exemple de programme ci-dessus.

Nous pouvons également ajouter d'autres balises HTML dans les tableaux HTML.

Exemple 2

Voici la syntaxe d'utilisation des balises HTML dans les tableaux HTML.

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
      table,tr,th,td {
         border:1px solid black;
      }
   </style>
</head>
<body>
   <table style="width: 50%">
      <caption style="text-align: center; ">Employees</caption>
      <tr>
         <th>EmployeeName</th>
         <th>Languages Known</th>
      </tr>
      <tr>
         <td>Yadav</td>
         <td><ul>
            <li>HTML</li>
            <li>Java</li>
            <li>C</li>
         </ul></td>
      </tr>
      <tr>
         <td>Abdul</td>
         <td ><ul>
         <li>C#</li>
         <li>Java</li>
         <li>C</li>
         </ul></td>
      </tr>
   </table>
</body>
</html>

Copier après la connexion

Ce qui suit est le résultat de l'exemple de programme ci-dessus.

Exemple 3

Un autre exemple d'utilisation de balises HTML dans des tableaux HTML est le suivant -

<!DOCTYPE html>
<html>
<head>
   <style>
      table, th, td { border: 1px solid black; width: 400px; }
   </style>
</head>
<body>
   <h1> Total Points</h1>
   <table>
      <tr>
         <th>Technologies</th>
         <th>Points</th>
      </tr>
      <tr>
         <td>Programming Languages
         <ul>
         <li>C++</li>
         <li>Java</li>
         <li>C</li>
        </ul>
         </td>
         <td>100</td>
      </tr>
      <tr>
         <td>Database
         <ul>
         <li>MySQL</li>
         <li>Oracle</li>
         <li>CouchDB</li>
         </ul>
         </td>
         <td>50</td>
      </tr>
   </table>
</body>
</html>

Copier après la connexion

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!