Interview question: Three-row and three-column layout, tables are merged and nested tables are not allowed

There is an interview question that requires: a three-row and three-column layout, where the second column of the first row and the second column of the second row are merged, and the second column of the third row and the third column are merged. Nested tables are not allowed.

Copy code

The code is as follows:

<!DOCTYPE HTML >
<html lang="ch-CN">
<head>
<meta charset="utf-8">
<title> </title>
<style>
html,body{padding:10px;margin: 0px;width:100%;height:100%;overflow: hidden;}
td{width:100px; height:100px;text-align:center; font-family:arial; border:1px solid #aaa; vertical-align:center;}
</style>
</head>
<body>
<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>
</table>
</body>
</html>

MySQL 5.7.20 installation and configuration method graphic tutorial under Windows

Blog

Interview question: Three-row and three-column layout, tables are merged and nested tables are not allowed

Simple setup of VMware ESXi6.7 (with pictures and text)

Design reference WordPress website building success case

Detailed explanation of MySQL 8.0 password expiration policy

MySQL 5.7.20 installation and configuration method graphic tutorial under Windows

Example of implementing text wrapping in html (mixed text and images in html)

How to write memory-efficient applications with Node.js

Briefly describe the difference between MySQL and Oracle

Example code for converting Mysql query result set into JSON data

Vue implements a simple timer component

HTML table markup tutorial (16): title horizontal alignment attribute ALIGN

Recommend

Measured image HTTP request

Mysql string interception and obtaining data in the specified string

Div adaptive height automatically fills the remaining height

Summarize the common properties of BigIn functions in JavaScript

Implementation of MySQL5.7 mysqldump backup and recovery

Tutorial on building a zookeeper server on Windows

Detailed tutorial on how to automatically install CentOS7.6 using PXE

Implementation of Node connection to MySQL query transaction processing

Two usages of iFrame tags in HTML

In-depth exploration of whether Mysql fuzzy query is case-sensitive

A brief discussion on the fun of :focus-within in CSS

MySQL Order By Multi-Field Sorting Rules Code Example

Example of using JSX to create a Markup component style development (front-end componentization)

Use CSS's clip-path property to display irregular graphics

Detailed explanation of single-row function code of date type in MySQL