Wie erstelle ich eine Tabelle mit Kopfzeilen?-HTML-Tutorial-php.cn

Wie erstelle ich eine Tabelle mit Kopfzeilen?

WBOY

Freigeben： 2023-08-24 22:49:03

nach vorne

1461 Leute haben es durchsucht

Wie erstelle ich eine Tabelle mit Kopfzeilen?

Wir verwenden das

-Tag, um eine Tabelle mit einem Titel in HTML zu erstellen. Das Title-Tag wird nach dem -Tag eingefügt. Wir können einer Tabelle einen Titel hinzufügen. Standardmäßig ist die Ausrichtung der Beschriftung zentriert. Wir können die Ausrichtung mithilfe der CSS-Ausrichtungseigenschaft ändern.

Grammatik

Das Folgende ist die Syntax des HTML-Titel-Tags

<caption>Caption of the table...</caption>

Nach dem Login kopieren

Beispiel 1

Im folgenden Beispiel haben wir eine Tabelle mit Mitarbeiternamen und Mitarbeiter-IDs erstellt und dabei „Mitarbeiter“ als Titel verwendet.

<!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>
      <caption>Employees</caption>
      <tr>
         <th>EmployeeName</th>
         <th>EmployeeId</th>
      </tr>
      <tr>
         <td>Yadav</td>
         <td>022</td>
      </tr>
      <tr>
         <td>Abdul</td>
         <td>025</td>
      </tr>
      <tr>
         <td>Jason</td>
         <td>208</td>
      </tr>
   </table>
</body>
</html>

Nach dem Login kopieren

Ausrichtungseigenschaften

Wir können das CSS-Attribut align verwenden, um die Ausrichtung zu ändern. Hier ist die Syntax:

<caption style="text-align:value" >Caption of the table...</caption>

Nach dem Login kopieren

Beispiel 2

wird übersetzt als:

Beispiel 2

Im Beispiel unten richten wir den Titel an der linken Seite der Seite aus -

<!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>
      <caption style="text-align: left">Employees</caption>
      <tr>
         <th>EmployeeName</th>
         <th>EmployeeId</th>
      </tr>
      <tr>
         <td>Yadav</td>
         <td>022</td>
      </tr>
      <tr>
         <td>Abdul</td>
         <td>025</td>
      </tr>
      <tr>
         <td>Jason</td>
         <td>208</td>
      </tr>
   </table>
</body>
</html>

Nach dem Login kopieren

Die chinesische Übersetzung von

Beispiel 3

lautet:

Beispiel 3

Sehen wir uns ein weiteres Beispiel für die Erstellung eines Titels an -

<!DOCTYPE html>
<html>
<head>
   <style>
      table,
      td,
      th {
         border: 1px solid black;
      }
   </style>
</head>
<body>
   <table>
      <caption>Authors</caption>
      <tr>
         <th>JavaFX</th>
         <th>Krishna</th>
      </tr>
      <tr>
         <td>Scala</td>
         <td>Satish</td>
      </tr>
   </table>
</body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie erstelle ich eine Tabelle mit Kopfzeilen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!