Heim >Web-Frontend >HTML-Tutorial >Wie erstelle ich Tabellenzeilen und -spalten in HTML?

Wie erstelle ich Tabellenzeilen und -spalten in HTML?

WBOYnach vorne: 2023-09-09 13:45:061335Durchsuche

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>

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>

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>

-,
-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!

html table td tr th

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie finde ich mit RegExp von JavaScript andere Zeichen als Zeilenumbrüche?Nächster Artikel：Wie finde ich mit RegExp von JavaScript andere Zeichen als Zeilenumbrüche?

In Verbindung stehende Artikel

Mehr sehen