Heim Web-Frontend HTML-Tutorial Tabellenelement in HTML

Tabellenelement in HTML

Dec 17, 2016 pm 02:01 PM

-- Tabellenelemente in HTML [Repost]
1,

Das
-Tag ist die Kennung der Tabelle und wird verwendet, um den Umfang der Tabelle zu definieren. Das
-Tag wird paarweise verwendet und der Inhalt zwischen dem Hand-Tag und dem Tail-Tag ist der Inhalt der Tabelle. Zu den Attributen des
-Tags gehören hauptsächlich „Rand“, „Breite“, „Höhe“, „Ausrichtung“, „Zellabstand“ und „Zellpasdding“.

 

1. Der Parameterwert des Rahmenattributs ist eine Zahl, die die Anzahl der Pixel angibt, die von der Breite des Tabellenrahmens eingenommen werden. Es kann auch ohne Parameterwert verwendet werden, was lediglich anzeigt, dass die Tabelle einen Rahmen hat. Beispielsweise bedeutet

, dass die Rahmenbreite der Tabelle 10 Pixel beträgt.

2. Die Breiten- und Höhenattribute werden verwendet, um die Größe der Tabelle anzugeben. Das width-Attribut wird verwendet, um die Breite der Tabelle anzugeben, und das height-Attribut wird verwendet, um die Höhe der Tabelle anzugeben. Die Parameterwerte dieser beiden Attribute können Zahlen oder Prozentsätze sein, wobei die Zahl die von der Breite (Höhe) der Tabelle eingenommenen Pixel darstellt und der Prozentsatz den Prozentsatz der Breite (Höhe) der Tabelle darstellt, die die Breite einnimmt (Höhe) des Browserfensters. Beispiel:

bedeutet, dass die Breite der Tabelle 200 Pixel und die Höhe 50 % der Browserfensterhöhe beträgt.

3. Der Parameterwert des align-Attributs ist einer von links, zentriert und rechts, was bedeutet, dass sich die Tabelle auf der linken Seite des angrenzenden Textes befindet, die Tabelle horizontal zentriert ist und die Tabelle befindet sich auf der rechten Seite des nebenstehenden Textes. Zum Beispiel:


Testseite >


Cell
<🎜>< /TR>

ein Beispiel für eine Tabelle auf der linken Seite des angrenzenden Textes. Ändern Sie einfach den Attributparameter von align, um die Position der Tabelle zu ändern.




4, Zellabstandsattribut. Das Attribut „cellspacing“ wird verwendet, um den Abstand zwischen Zellen in der Tabelle anzugeben. Der Parameterwert dieser Eigenschaft ist eine Zahl, die die Anzahl der Pixel angibt, die von der Zelllücke eingenommen werden.

5, Cellpadding-Attribut. Wird verwendet, um die Größe des Leerraums zwischen dem Zellinhalt und der Zellgrenze anzugeben. Der Parameterwert dieses Attributs ist ebenfalls eine Zahl, die die Anzahl der Pixel darstellt, die von der Höhe des Leerraums zwischen dem Zellinhalt und dem oberen und unteren Rand eingenommen werden, und die Anzahl der Pixel, die von der Breite des Leerraums zwischen dem Zellinhalt eingenommen werden Zellinhalt und der linke und rechte Rand. Zum Beispiel:


Testseite</head> 🎜>Es sieht so aus, bevor die Festlegung von Zellattributen erfolgt: <BR> Zelle</TH> <br><TD>1</TD><TD>cell</TD> <br><TD>cell</TD>< ;TD>cell</TD><TD>cell</TD> ;</TH> <br><TR><TD>2</TD><TD>cell Cell</TD> ;Cell</TD><TD>Cell</TD></TR> <br> </table> <br><HR> <br><table border=3 cellpadding=10> <br><TR> ;<TH>cell</TH><TH> ;cell</TH><TH>cell</TH><TH>Cell</TH> <br></TR> ;<TD>Cell</TD> TR> <br><TD>2</TD><TD>cell</TD> /TD></TR> <br></table> <br></html> Dann schauen wir uns an, was wir gerade gesehen haben einige der unbekannten Bezeichnungen bedeuten? <br><br>1, <CAPTION> Ist die Bezeichnung des Tabellentitels. Es handelt sich um einen Tag, der paarweise verwendet wird. Der Inhalt zwischen dem ersten Tag und dem letzten Tag ist der Titel der Tabelle. <caption>Es gibt zwei Attribute: align und valign, die beide optional sind. <br><br> Unter diesen ist der Parameterwert des align-Attributs einer von links, zentriert und rechts, was bedeutet, dass der Tabellentitel am linken Rand der Tabelle und die Mitte der Tabelle ausgerichtet ist bündig mit der rechten Tischkante. Standardmäßig befindet sich der Tabellentitel in der Mitte der Tabelle; der Parameterwert des valign-Attributs ist einer von oben und unten, was bedeutet, dass sich der Tabellentitel jeweils über und unter dem Tabellentitel befindet befindet sich über dem Tisch. Zum Beispiel: <br><br><html> <br><title>Testseite


cellcellCellCell
Erläuterung ErklärungWie obenWie oben
Eine weitere Einheit


> 🎜>
;Cell >
Dies ist der Titel der Tabelle
cellcellcellcell
cellCellcellcell
> Tabellentitel werden am rechten Rand der Tabelle ausgerichtet.

Zwei, ist die Zeilenbezeichnung. HTML-Tabellen sind nach Zeilen organisiert. Eine Tabelle besteht aus mehreren Zeilen und es müssen mehrere entsprechende Beschriftungen vorhanden sein. Zeilenbeschriftungen sind paarweise verwendete Beschriftungen. Es muss in Verbindung mit dem Tag verwendet werden, das zwischen verschachtelt ist, wenn es zur Angabe des Inhalts jeder Zelle in der Zeile verwendet wird. Das -Tag hat zwei Attribute. Das heißt, die Attribute align und valign sind beide optional.

Der Parameterwert des align-Attributs ist einer von links, zentriert und rechts (wie ich in Zukunft ausdrücklich erläutern werde, sind die Parameter dieses Attributs alle drei) und gibt jeweils an, dass der Inhalt jeder Zelle in der Die Zeile ist linksbündig, horizontal zentriert und rechtsbündig. Der Standardwert ist „Left“. Der Parameterwert des valign-Attributs ist einer von „oben“, „mitte“ und „unten“, was jeweils angibt, dass sich der Inhalt jeder Zelle in der Zeile nahe am oberen Rand, vertikal zentriert und nahe am unteren Rand befindet . Der Standardwert ist Mitte.

Drei, -Tags

und Geben Sie den Inhalt des Header-Elements an. Das Header-Element befindet sich im Allgemeinen in der ersten Zeile jeder Spalte und wird verwendet, um anzugeben, auf welches Objekt sich die spezifischen Daten der Spalte beziehen. Tags sind gepaart. Daten-Tags werden auch paarweise verwendet. Der Inhalt zwischen dem ersten Tag und dem letzten Tag sind die spezifischen Daten der Zelle (d. h. die Erklärung des Headers). Alle Attribute und entsprechenden Attributfunktionen der -Tags sind genau gleich. Zu den Attributen der Beschriftung gehört rowspancolspanalignvalign.

(1) Der Parameterwert des rowspan-Attributs ist eine Zahl, die die Anzahl der von der Zelle überspannten Zeilen angibt. Der Standardwert ist 1.

(2) Der Parameterwert des colspan-Attributs ist ebenfalls eine Zahl, die die Anzahl der von der Zelle überspannten Spalten angibt. Der Standardwert ist 1.

(3) Das align-Attribut wird verwendet, um die horizontale Position des Zellinhalts anzugeben. Die drei Parameterwerte geben an, ob die Zelle linksbündig, zentriert oder rechtsbündig ist. Der Standardwert ist left (linksbündig)

(4) Das valign-Attribut wird verwendet, um die vertikale Position des Zellinhalts anzugeben. Der Parameterwert des Attributs ist einer von „oben“, „mitte“ und „unten“, was jeweils angibt, ob sich der Zellinhalt nahe am oberen Rand, vertikal zentriert oder nahe am unteren Rand befindet. Der Standardwert ist Mitte (vertikal zentriert).

Okay, das war's fast für heute! Es sind zu viele, um sie anzusehen und schwer zu merken.


Das Obige ist der Inhalt von Tabellenelementen in HTML. Weitere verwandte Artikel finden Sie auf der chinesischen PHP-Website (www.php. cn)!


Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

Wie analysiert und verarbeitet man HTML/XML in PHP? Wie analysiert und verarbeitet man HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

Dieses Tutorial zeigt, wie XML -Dokumente mit PHP effizient verarbeitet werden. XML (Extensible Markup-Sprache) ist eine vielseitige textbasierte Markup-Sprache, die sowohl für die Lesbarkeit des Menschen als auch für die Analyse von Maschinen entwickelt wurde. Es wird üblicherweise für die Datenspeicherung ein verwendet und wird häufig verwendet

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles