Interviewfrage: Dreizeiliges und dreispaltiges Layout, Tabellen werden zusammengeführt und verschachtelte Tabellen sind nicht zulässig

Interviewfrage: Dreizeiliges und dreispaltiges Layout, Tabellen werden zusammengeführt und verschachtelte Tabellen sind nicht zulässig
Es gibt eine Interviewfrage, die Folgendes erfordert: ein Layout mit drei Zeilen und drei Spalten, wobei die zweite Spalte der ersten Zeile und die zweite Spalte der zweiten Zeile zusammengeführt werden und die zweite Spalte der dritten Zeile und die dritte Spalte zusammengeführt werden. Verschachtelte Tabellen sind nicht zulässig.


Code kopieren
Der Code lautet wie folgt:

<!DOCTYPE HTML >
<html lang="ch-CN">
<Kopf>
<meta charset="utf-8">
<Titel> </Titel>
<Stil>
html,body{padding:10px;margin: 0px;width:100%;height:100%;overflow: hidden;}
td{Breite:100px; Höhe:100px;Textausrichtung:Mitte; Schriftfamilie:Arial; Rahmen:1px durchgezogen #aaa; Vertikalausrichtung:Mitte;}
</Stil>
</Kopf>
<Text>
<table border="1" style='border:1px solid #aaa' cellspacing="0" cellpadding="10">
<tr>
<td>1</td>
<td rowspan='2'>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td colspan="2">7</td>
</tr>
</Tabelle>
</body>
</html>

<<:  CSS-Code zum Erreichen eines Hintergrundverlaufs und automatischen Vollbilds

>>:  JavaScript-Operationselemente zeigen Ihnen, wie Sie den Seiteninhaltsstil ändern

Artikel empfehlen

Semantisierung von HTML-Tags (einschließlich H5)

einführen HTML stellt die kontextuelle Struktur u...

So implementieren Sie den Nginx-Reverse-Proxy für mehrere Server

Nginx verwendet mehrere Reverse-Proxy-Server, was...

Detaillierte Untersuchung des MySQL-Verbundindex

Ein zusammengesetzter Index (auch gemeinsamer Ind...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.13

In diesem Artikel finden Sie das Installations- u...

So fragen Sie JSON in der Datenbank in MySQL 5.6 und darunter ab

Beim Speichern von Daten in MySQL werden manchmal...

Das WeChat-Applet implementiert eine einfache Taschenrechnerfunktion

In diesem Artikel wird der spezifische Code für d...

Prototyp und Prototypenkette Prototyp und Protodetails

Inhaltsverzeichnis 1. Prototyp 2. Prototypenkette...

Grafisches Tutorial zur Installation von CentOS7 auf VMware 15.5

1. Erstellen Sie eine neue virtuelle Maschine in ...

Implementierung von Platzhaltern und Escape-Zeichen in der Linux-Befehlszeile

Wenn wir Stapeloperationen für einen Dateityp aus...

Docker stop stoppt/remove löscht alle Container

In diesem Artikel wird hauptsächlich das Stoppen/...