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

Rendering-Funktion und JSX-Details

Inhaltsverzeichnis 1. Grundlagen 2. Knoten, Bäume...

So implementieren Sie einen binären Suchbaum mit JavaScript

Eine der am häufigsten verwendeten und diskutiert...

So stellen Sie Gitlab schnell mit Docker bereit

1. Laden Sie das Gitlab-Image herunter Docker-Pul...

Eine kurze Diskussion über Flex-Layout und Skalierungsberechnung

1. Einführung in Flex Layout Flex ist die Abkürzu...

MySQL-Lerndatenbank-Suchanweisung DQL Xiaobai Kapitel

Inhaltsverzeichnis 1. Einfacher Datenabruf 2. Dat...

Schritte zum Kapseln von Element-UI-Popupkomponenten

Kapseln Sie el-dialog als Komponente ein Wenn wir...

So ändern Sie das MySQL-Datenbankdateiverzeichnis in Ubuntu

Vorwort Der Ubuntu-Server des Unternehmens platzi...

CentOS7 64-Bit-Installation MySQL Grafik-Tutorial

Voraussetzungen für die Installation von MySQL: I...

Eine Analyse von Div+Float, einem sehr wichtigen Konzept im Website-Design

Beim Erstellen einer Website treten immer wieder P...

Analyse eines MySQL-Deadlock-Szenariobeispiels

Vorwort Kürzlich stieß ich auf ein Deadlock-Probl...

Mehrere Methoden zur Implementierung von Karussellbildern in JS

Karussell Die Grundidee ist: Im großen Container ...

So importieren Sie CSS-Stile in externe HTML-Stylesheets

Der Link-In-Stil besteht darin, alle Stile in ein...