Wir verwenden Inline-Stilattribute, um die Breite der Tabelle in HTML festzulegen. Dieses Attribut wird im HTML-Tag
verwendet und verwendet das CSS-Attribut width, um die Breite der Tabelle festzulegen.
Grammatik
Das Folgende ist die Syntax zum Festlegen der Tabellenbreite in HTML.
<table style="width: width value in percentage">… </table>
Die chinesische Übersetzung von Beispiel
lautet: Beispiel
Das Folgende ist ein Beispielprogramm zum Festlegen der Tabellenbreite in HTML.
<!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: 50%">
<tr>
<th>Name </th>
<th>Job role</th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
Im obigen Beispiel haben wir width=50 % verwendet, wodurch unsere Tabelle auf 50 % der Browser-Tab-Größe auf der Webseite erweitert wird.
Die chinesische Übersetzung von Beispiel
lautet: Beispiel
Hier ist ein weiteres Beispielprogramm zum Festlegen der Tabellenbreite in HTML.
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid green;
}
</style>
</head>
<body>
<table style="width:100%">
<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>babar azam</td>
<td>34</td>
<td>pakistan</td>
</tr>
<tr>
<td>2</td>
<td>Shami</td>
<td>29</td>
<td>India</td>
</tr>
<tr style="background-color: Mediumseagreen">
<td>3</td>
<td>Cummins</td>
<td>33</td>
<td>Australia</td>
</tr>
</table>
</body>
</html>
Jetzt versuchen wir, das Style-Attribut zu verwenden, um die Tabelle auf die Größe der Browser-Tabs zu erweitern.
Die chinesische Übersetzung von Beispiel
lautet: Beispiel
Das Folgende ist ein Beispielprogramm, das das style-Attribut verwendet, um eine Tabelle auf die Größe eines Browser-Tabs zu erweitern.
<!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>Name </th>
<th>Job role</th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
Das obige ist der detaillierte Inhalt vonWie stelle ich die Tabellenbreite in HTML ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
