Detaillierte Erklärung des Inline-Formats von HTML-Tabellen

Inline-Format

Attributname Attributwert Beschreibung

linksbündig
Center
Rechts
valign nach oben
Mitte
unten
Span-Nummer Inline-Nummer

bgcolor Farbe Hintergrundfarbe

Individuelle Inline-Einstellungen

Format: <col> hat die gleiche Funktion wie <colgroup>

XML/HTML-CodeInhalt in die Zwischenablage kopieren

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns = "http://www.w3.org/1999/xhtml" >
<Kopf>
< title > Inline-Format der Tabelle </title>
</ Kopf >
< Textkörper >
< Tabelle Zellenpadding = "5px" Zellenabstand = "0px" Rahmen = "1px" Rahmenfarbe = "schwarz" >
<!--Beschreibung: Verwenden Sie zwei Sätze von Colgroup-Tags, um die gesamte dritte Spalte in Rot anzuzeigen
Der Wert span = "2" in der ersten Spaltengruppe entspricht einem Platzhalter, daher wird die dritte Spalte (die gesamte Mathematikspalte) rot angezeigt.
Wenn Sie entsprechend span = "3" festlegen , wird die vierte Spalte (die gesamte englische Spalte) in Rot angezeigt.
< Spaltengruppe Spanne = "2" > </ colgroup >
< Spaltengruppe bgcolor = "rot" > </ colgroup >
-- >
<! -- <col> hat die gleiche Funktionalität wie <colgroup>
Setzen Sie das Tag <col> , um die gleiche Funktion wie <colgroup> zu erreichen
Hier fügen wir align = "right" hinzu , um die dritte Spalte (die gesamte mathematische Spalte) rechtsbündig auszurichten.
-- >
< Spalte Spanne = "2" />
< Spalte Hintergrundfarbe = "rot" ausrichten = "rechts" />
< Bildunterschrift align = "left" > Notenblatt für Schüler </ caption >
< tr >
<th> Name </th>
< th > Chinesisch </ th >
< th > Mathematik </ th >
< th > Englisch </ th >
</tr>
< tr >
< td > Zhang San </ td >
< td > 90 </ td >
< td > 89 </ td >
< td > 99 </ td >
</tr>
< tr >
< td > Li Si </ td >
< td > 98 </ td >
< td > 92 </ td >
< td > 96 </ td >
</tr>
< tr >
< td > Wang Wu </ td >
< td > 92 </ td >
< td > 97 </ td >
< td > 91 </ td >
</tr>
< tr >
< td > Gesamtpunktzahl </ td >
< td > 200 </ td >
< td > 200 </ td >
< td > 200 </ td >
</tr>
</ Tabelle >
</ Körper >
</ html >

Das Obige ist der gesamte Inhalt der ausführlichen Erklärung des Inline-Formats für HTML-Tabellen, die Ihnen vom Herausgeber zur Verfügung gestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Bitte unterstützen Sie 123WORDPRESS.COM~

<<: Implementierungscode der schwebenden Ebene, die auf der rechten Seite der Webseite fixiert ist

>>: Führen Sie die Schritte zur Installation von MySQL 5.5 auf CentOS aus