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

So unterstreichen Sie das A-Tag und ändern die Farbe vor und nach dem Klicken

Code kopieren Der Code lautet wie folgt: ein:link...

Docker richtet Port-Mapping ein, kann aber nicht auf die Lösung zugreifen

#docker ps-Check, alle Ports sind zugeordnet CONT...

Beispiel für die Verwendung von JS, um zu bestimmen, ob ein Element ein Array ist

Hier sind die Arten von Daten, die überprüft werd...

Detaillierte Erklärung der Text-Fill-Color-Eigenschaft in CSS3

Was bedeutet Textfüllfarbe? Rein wörtlich bedeute...

Implementierung einer benutzerdefinierten Vue-Vorlage von vscode

Verwenden Sie den Vscode-Editor, um eine Vue-Vorl...

Tutorial zur Installation des Nginx-RTMP-Streaming-Servers unter Ubuntu 14

1. RTMP Das RTMP-Streaming-Protokoll ist ein von ...

7 Interviewfragen zu JS, wie viele können Sie richtig beantworten

Vorwort In JavaScript ist dies der Kontext zum Au...

Detaillierte Erklärung, wann Javascript-Skripte ausgeführt werden

JavaScript-Skripte können überall in HTML eingebe...