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 Analyse der Kompilierung und Installation von vsFTP 3.0.3

Details zur Sicherheitsanfälligkeit VSFTP ist ein...

Interpretation von syslogd- und syslog.conf-Dateien unter Linux

1: Einführung in syslog.conf Für verschiedene Uni...

Zusammenfassung der mobilen Anpassungslösung von webpack

Inhaltsverzeichnis rem vw An UI-Frameworks von Dr...

Eine kurze Zusammenfassung meiner Erfahrungen beim Schreiben von HTML-Seiten

Es sind drei oder vier Monate vergangen, seit ich ...

Drei Möglichkeiten zum Parsen von QR-Codes mit Javascript

Inhaltsverzeichnis 1. Verwenden Sie JavaScript, u...

Lösung für Ubuntu, das keine Verbindung zum Internet herstellen kann

Problembeschreibung: Ich habe einen Desktop-Compu...

Beispiel für reines CSS zum Ändern des Bildlaufleistenstils des Browsers

Verwenden Sie CSS, um den Stil der Bildlaufleiste...

HTML-Versionsdeklaration DOCTYPE-Tag

Wenn wir den Quellcode einer normalen Website öff...

Wie man mit React elegant CSS schreibt

Inhaltsverzeichnis 1. Inline-Stile 2. Importmetho...

Einführung und Verwendung von fünf Controllern in K8S

Inhaltsverzeichnis Controllertyp von k8s Beziehun...

Eine Zeile CSS-Code zur Integration von Avatar und Nationalflagge

Es ist Nationalfeiertag und jeder kann es kaum er...

Verschiedene Methoden zum Neustarten von Mysql unter CentOS (empfohlen)

1. MySQL über RPM-Paket installiert Dienst MySQL ...