Tabelle zeigt den Grenzcode, den Sie anzeigen möchten

Tabelle zeigt den Grenzcode, den Sie anzeigen möchten

Gemeinsame Eigenschaften von Tabellen

Die grundlegenden Attribute sind: width (Breite), height (Höhe), border (Randwert), cellspacing (die innere Breite der Tabelle, d. h. der Abstand zwischen der Tabelle und tr), cellpadding (der Abstand zwischen den Elementen in der Tabelle, d. h. der Abstand zwischen tr und tr), bordercolorlight (die helle Randfarbe der Tabelle), bordercolordark (die dunkle Randfarbe der Tabelle), bgcolor (die Hintergrundfarbe der Tabelle), background (das Hintergrundbild der Tabelle), bordercolor (die Farbe des Tabellenrands)

Eigenschaften der inneren Trennlinie der Tabelle

Es wird der Parameter rules verwendet, der drei Werte hat (cols, rows, none).

Wenn rules=cols, verbirgt die Tabelle die horizontalen Trennlinien, das heißt, wir können nur die Spalten der Tabelle sehen;

Bei rules=rows wird die vertikale Trennlinie ausgeblendet, das heißt, wir können nur die Zeilen der Tabelle sehen;

Wenn rules=none (keine) ist, werden die vertikalen und horizontalen Trennlinien ausgeblendet und wir können nur den äußeren Rahmen einer Tabelle sehen.

Eigenschaften des äußeren Tabellentrennzeichens

Die Anzeige und das Ausblenden des äußeren Tabellenrahmens kann über den Rahmenparameter gesteuert werden. Hinweis: Dies funktioniert nur an den Außenrändern der Tabelle, nicht an den Innenkanten oder -linien.

Nur den oberen Rand anzeigen <table frame=above>

Nur den unteren Rahmen anzeigen <table frame=below>

Nur linke und rechte Ränder anzeigen <table frame=vsides>

Nur die oberen und unteren Ränder anzeigen <table frame=hsides>

Nur den linken Rand anzeigen <table frame=lhs>

Nur den rechten Rand anzeigen <table frame=rhs>

Keinen Rahmen anzeigen <table frame=void>

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. < Tabelle   summary = "Studentenliste, einschließlich Matrikelnummer, Name, Kontaktnummer und Adresse." >   
  2.      < caption > Studentenliste </ caption >   
  3.      < thead >   
  4.          < th   Umfang = " col " > Nummer </th>   
  5.          < th   Umfang = " Spalte " > Name </th>   
  6.          < th   scope = "col" > Kontakttelefonnummer </ th >   
  7.          < th   Umfang = " col " > Adresse </th>   
  8.      </ thead >   
  9.      < tFuß >   
  10.          < td   colspan = "4" > Klassenlehrer: </ td >   
  11.      </ tfoot >   
  12.      < tbody >   
  13.          < tr >   
  14.              < td > 1 </ td >   
  15.              < td > Jamson </ td >   
  16.              < td > 123-45678 </ td >   
  17.              < td > Nr. XX, XX Bezirk, XX Stadt </ td >   
  18.          </tr>   
  19.          < tr >   
  20.              < td > 2 </ td >   
  21.              < td > Gnade </ td >   
  22.              < td > 123-45678 </ td >   
  23.              < td > Nr. XX, XX Bezirk, XX Stadt </ td >   
  24.          </tr>   
  25.          < tr >   
  26.              < td > 3 </ td >   
  27.              < td > Schwindelig </ td >   
  28.              < td > 123-45678 </ td >   
  29.              < td > Nr. XX, XX Bezirk, XX Stadt </ td >   
  30.          </tr>   
  31.      </ tbody >   
  32. </ Tabelle >       

<<:  Implementierungsschritte der MySQL-Master-Slave-Replikation

>>:  Übersicht über die Definition der HTC-Komponenten nach IE5.0

Artikel empfehlen

Detaillierte Erklärung der Rolle von Klammern in AngularJS

1. Die Rolle der Klammern 1.1 Eckige Klammern [ ]...

Springboot+VUE zur Realisierung von Anmeldung und Registrierung

In diesem Artikelbeispiel wird der spezifische Co...

onfocus="this.blur()" wird von blinden Webmastern gehasst

Als er über die Seite zur Bedienung der Bildschir...

So entfernen Sie in Linux ganz einfach installierte Quellpakete

Schritt 1: Stow installieren In diesem Beispiel v...

So löschen und deinstallieren Sie MySQL in Windows 10 vollständig

Vorwort Dieser Artikel enthält eine Anleitung zum...

Praxis der Vue Global Custom-Anweisung Modal Drag

Inhaltsverzeichnis Hintergrund Umsetzungsideen Er...

Einführung in die Apache-Bereitstellung von https in der Kryptografie

Inhaltsverzeichnis Zweck Experimentelle Umgebung ...

Hinweise zur IE8-Kompatibilität, die mir aufgefallen sind

1. getElementById von IE8 unterstützt nur IDs, nic...