So verwenden Sie HTML-Tabellen (um den visuellen Effekt einer Webseite anzuzeigen)

Wir wissen, dass wir beim Verwenden von HTML im NetEase-Blog den Code direkt zur Vorlage hinzufügen können, aber der Effekt ist nicht sehr gut. Das liegt daran, dass die Codes nicht gut angeordnet sind. Jetzt werde ich über die Verwendung von Tabellen zur Anordnung sprechen, wodurch die Spezialeffekte gut angezeigt werden können.

In der HTML-Syntax ist die Tabelle ein unverzichtbarer Bestandteil. Ohne sie ist es schwierig, den visuellen Effekt der Webseite anzuzeigen. Jetzt werde ich über die Tabelle sprechen. Das Folgende ist eine Tabelle mit zwei Zeilen und zwei Spalten:

Der Code lautet: <TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="100%" border=1>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE>

tr steht für Zeilen, td für Spalten, border steht für Dicke („0“ bedeutet, wird nicht angezeigt) und &nbsp; steht für Leerzeichen. Dabei sollte die Breite der Tabelle am besten 100% betragen (width="100%"). Verstehst du jetzt? Sobald Sie es verstanden haben, können Sie den gewünschten Code in „<TD>&nbsp;</TD>“ einfügen.

Beispiel: <TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="100%" border=1>
<TBODY>
<TR>
<td><marquee>Willkommen auf der Homepage von ω.⑨s. Messenger</marquee></td>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE>

Der Effekt ist:

Genauso ist es auch, der Rest ist gleich.

Und noch etwas: Wenn wir Tabellen erstellen, sehen einige davon so aus:

Der Ansatz ist:

<Tabellengrenze="1" Breite="100%">
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</Tabelle>

Und
<Tabellengrenze="1" Breite="100%">
<tr>
<td rowspan="2">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</Tabelle>

Wenn Sie genau hinsehen, werden Sie feststellen, dass es zusätzliche colspan="2" und rowspan="2" gibt, richtig? ! ! !

Das ist, was Sie wollen. „2“ ist ein Parameter, den Sie auch selbst festlegen müssen.

<Tabellengrenze="1" Breite="100%">
<tr>
<td colspan="2"><marquee>Willkommen auf der Homepage von ω.⑨s. Messenger</marquee></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</Tabelle>

Und
<Tabellengrenze="1" Breite="100%">
<tr>
<td rowspan="2"><marquee>Willkommen auf der Homepage von ω.⑨s. Messenger</marquee></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</Tabelle>

Die Auswirkungen sind:

Und

Hinweis: Andere Codes müssen in <td>....</td> hinzugefügt werden. Dies ist für die Freunde, die kein HTML verstehen! !