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>

$Introduction to using Unicode characters in web pages (&#,\u, etc.)$

Introduction to using Unicode characters in web pages (&#,\u, etc.)

Blog

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

Detailed analysis of MySQL master-slave replication

In html table, set different colors and widths for each cell

Very practical Tomcat startup script implementation method

A complete tutorial on using axios encapsulation in vue

Detailed explanation of how NGINX counts the website's PV, UV, and independent IP

Introduction to using Unicode characters in web pages (&#,\u, etc.)

Real-time refresh of long connection on Vue+WebSocket page

CSS Back to Top Code Example

Summary of common knowledge points required for MySQL

Native JavaScript message board

Recommend

How to use React to implement image recognition app

Implementation steps for Docker deployment of SpringBoot applications

The effect of CSS dynamic gradient border rotating around the content area (example code)

MySQL implements multi-table association statistics (subquery statistics) example

Several ways to solve the 1px border problem on mobile devices (5 methods)

MySQL login and exit command format

Analysis of the Principle and Method of Implementing Linux Disk Partition

JavaScript CollectGarbage Function Example

How to view and terminate running background programs in Linux

Linux tac command implementation example

JavaScript DOMContentLoaded event case study

MySQL master-slave synchronization mechanism and synchronization delay problem tracking process

How to configure MySQL8 in Nacos

How to use the EXPLAIN command in SQL

DHTML objects (common properties of various HTML objects)