Wie erstelle ich Tabellenzeilen und -spalten in HTML?-HTML-Tutorial-php.cn

Wie erstelle ich Tabellenzeilen und -spalten in HTML?

WBOY

Freigeben： 2023-09-09 13:45:06

nach vorne

1298 Leute haben es durchsucht

Wie erstelle ich Tabellenzeilen und -spalten in HTML?

HTML-Tabellen ermöglichen es uns, Daten in Zeilen und Spalten auf einer Webseite anzuordnen.

Wir verwenden das Tag

, um Tabellen in HTML zu erstellen. Eine Tabelle besteht aus Zeilen und Spalten. Sie können ein oder mehrere - und -Tags definiert. Für Tabellenzeilen und -spalten verwenden wir die Tags

Beispiel

Das Folgende ist ein Beispielprogramm zum Erstellen von Tabellenzeilen und -spalten.

<!DOCTYPE html>
<html>
   <style>
      table {
         border:1px solid black;
         padding: 10px;
      }
      th, td{
         border:1px solid black;
         padding: 20px;
      }
   </style>
<body>
   <h2>Tables in HTML</h2>
   <table style="width: 100%">
      <tr>
         <th></th>
         <th></th>
         <th></th>
      </tr>
      <tr>
         <td></td>
         <td></td>
         <td></td>
      </tr>
      <tr>
         <td></td>
         <td></td>
         <td></td>
      </tr>
   </table>
</body>
</html>

Nach dem Login kopieren

Beispiel

Hier ist ein weiteres Beispielprogramm zum Erstellen von Tabellenzeilen und -spalten.

<!DOCTYPE html>
<html>
<head>
   <style>
      table, th, td {
         border: 1px solid green;
      }
   </style>
</head>
<body>
   <h2>Adding table rows and colomns in HTML</h2>
   <table>
      <tr>
         <th>S.no</th>
         <th>Name</th>
         <th>Age</th>
         <th>Country</th>
      </tr>
      <tr>
         <td>1</td>
         <td>Kohli</td>
         <td>34</td>
         <td>India</td>
      </tr>
      <tr>
         <td>2</td>
         <td>Rabada</td>
         <td>29</td>
         <td>South Africa</td>
      </tr>
      <tr>
         <td>3</td>
         <td>Starc</td>
         <td>33</td>
         <td>Australia</td>
      </tr>
   </table>
</body>
</html>

Nach dem Login kopieren

Beispiel

Nachfolgend finden Sie ein weiteres Beispielprogramm zum Erstellen von Tabellenzeilen und -spalten.

<!DOCTYPE html>
<html>
<head>
   <style>
      table, th, td {
         border: 1px solid green;
      }
   </style>
</head>
<body>
   <h2>Adding table rows and colomns in HTML</h2>
   <table style="width:80%">
      <caption>Cricketers...</caption>
      <tr style="background-color: Mediumseagreen">
         <th>S.no</th>
         <th>Name</th>
         <th>Age</th>
         <th>Country</th>
      </tr>
      <tr>
         <td>1</td>
         <td>Kohli</td>
         <td>34</td>
         <td>India</td>
      </tr>
      <tr>
         <td>2</td>
         <td>Rabada</td>
         <td>29</td>
         <td>South Africa</td>
      </tr>
      <tr style="background-color: Mediumseagreen">
         <td>3</td>
         <td>Starc</td>
         <td>33</td>
         <td>Australia</td>
      </tr>
   </table>
</body>
</html>

Nach dem Login kopieren

-,
-Elemente verwenden, um Überschriften, Zeilen und Spalten sowie Tabellendaten festzulegen. Tabellenzeilen werden durch

Das obige ist der detaillierte Inhalt vonWie erstelle ich Tabellenzeilen und -spalten in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!