"."/> ".">

Heim >Web-Frontend >HTML-Tutorial >So legen Sie die Tabellengröße in HTML fest

So legen Sie die Tabellengröße in HTML fest

WBOY
WBOYOriginal
2021-11-11 15:19:3536183Durchsuche

So legen Sie die Tabellengröße in HTML fest: 1. Fügen Sie dem Tabellenelement den Stil „width: width value; height: height value;“ hinzu. 2. Verwenden Sie die Attribute width und height des Tabellen-Tags ;table width="width value "height="height value">".

So legen Sie die Tabellengröße in HTML fest

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer.

So legen Sie die Tabellengröße in HTML fest:

1. Fügen Sie der Tabelle Höhe und Höhenstile hinzu

Wir können die Breite definieren und festlegen, indem Sie der Tabelle den Breitenstil hinzufügen und festlegen Tischhöhe durch den Höhenstil.

Der Code lautet wie folgt:

<style>
.表格{width:宽度值;height:高度值}
</style>

Sehen Sie sich das folgende Beispiel an:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>button</title>
    <style>
.td{width:200px;height:200px}
</style>
</head>
<body>
<table style="border: 1px solid black" >
<tr>
<td class="td" style="border: 1px solid black" >1</td>
<td class="td" style="border: 1px solid black" >2</td>
<td class="td" style="border: 1px solid black" >3</td>
<td class="td" style="border: 1px solid black" >4</td>
</tr>
<table>
</body>
</html>

Ausgabeergebnis:

So legen Sie die Tabellengröße in HTML fest

Nach dem Festlegen der Höhe und Breite durch Ändern der Breiten- und Höheneigenschaften:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>button</title>
    <style>
.td{width:200px;height:200px}
</style>
</head>
<body>
<table style="border: 1px solid black" >
<tr>
<td class="td" style="border: 1px solid black" >1</td>
<td class="td" style="border: 1px solid black" >2</td>
<td class="td" style="border: 1px solid black" >3</td>
<td class="td" style="border: 1px solid black" >4</td>
</tr>
<table>
</body>
</html>

Ausgabeergebnis :

So legen Sie die Tabellengröße in HTML fest

2. Definieren Sie die Tabellenbreite über das Tabellen-Tag

über das width-Attribut im Tabellen-Tag und definieren Sie die Tabellenhöhe über das height-Attribut. Der Code ist wie folgt: Tabellen-Tag:

<table width="宽度值" height="高度值">

Ausgabeergebnis:


Weitere Programmierkenntnisse finden Sie unter:

Programmiervideo

! !

Das obige ist der detaillierte Inhalt vonSo legen Sie die Tabellengröße in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn