面接の質問: 3 行 3 列のレイアウト、表は結合され、ネストされた表は許可されません

面接の質問: 3 行 3 列のレイアウト、表は結合され、ネストされた表は許可されません
面接の質問で、3 行 3 列のレイアウトが求められます。1 行目の 2 番目の列と 2 行目の 2 番目の列が結合され、3 行目の 2 番目の列と 3 列が結合されます。ネストされたテーブルは許可されません。


コードをコピー
コードは次のとおりです。

<!DOCTYPE HTML >
<html lang="ch-CN">
<ヘッド>
<メタ文字セット="utf-8">
<タイトル> </タイトル>
<スタイル>
html、本文{パディング:10px;マージン:0px;幅:100%;高さ:100%;オーバーフロー:非表示;}
td{幅:100px; 高さ:100px; テキスト配置:center; フォントファミリー:arial; 境界線:1px 実線 #aaa; 垂直配置:center;}
</スタイル>
</head>
<本文>
<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>
</テーブル>
</本文>
</html>

<<:  背景のグラデーションと自動フルスクリーンを実現するCSSコード

>>:  JavaScript操作要素は、ページコンテンツのスタイルを変更する方法を教えます

推薦する

MySQL の完全バックアップ中に特定のライブラリを除外する方法

MySQLの完全バックアップを実行するときは、--all-databaseパラメータを使用します。例...

Web2.0: 情報過多の原因と解決策

<br />情報の重複、情報過多、情報強迫、パーソナライズされたカスタマイズ、検索エンジ...

フロントエンドページのスライド検証を実装するための JavaScript + HTML (2)

この記事の例では、クールなフロントエンドページのスライド検証の具体的なコードを参考までに共有していま...

モバイルレイアウトにvw+remを使用する方法

まだ rem フレキシブルレイアウトを使用していますか?圧縮された js コードの大きなセクションを...

Alibaba Cloud ESC に MYSQL8.0 をインストールするチュートリアル

接続ツールを開きます。私はMobaXterm_Personal_12.1を使用します（公式サイトのダ...

更新とデータ整合性処理のためのMySQLトランザクション選択の説明

MySQL のトランザクションはデフォルトで自動的にコミットされます (autocommit = 1...

Linux で独自の Nexus プライベート サーバーを構築する方法

この記事では、Linuxサーバー上でDockerを使用してNexusプライベートサーバーを構築する方...

効率を向上できる Linux コマンドエイリアス 10 個のまとめ

序文Linux 環境で作業するエンジニアは、これらの面倒な命令とパラメータのコマンドラインにきっと驚...

WeChatアプレットの下部にあるタブバーがコンテンツをブロックする問題に対処する簡単な方法

WeChatアプレットでタブバーを設定すると、重要なコンテンツがブロックされ、iPhoneXなどの異...

シンプルなカルーセル効果を実現するネイティブ js

この記事では、シンプルなカルーセル効果を実現するためのjsの具体的なコードを参考までに紹介します。具...

海外でダウンロードできる25個の新鮮で便利なアイコンセット

1. Eコマースアイコン2. アイコンスイーツ2 3. 携帯電話アイコンパック4. 旗アイコンセット...

Web ページのエンコーディングで gbk や gb2312 ではなく utf-8 が使用されるのはなぜですか?

選択肢がある場合は、UTF-8を使用することをお勧めします。実際、Windows システム自体のプロ...

Vueのリストレンダリングの詳細な説明

目次1. v-for: 配列の内容を走査する（よく使われる） 2. v-for: オブジェクトのプロ...

HTML ハイパーリンク スタイル (4 つの異なる状態) の設定例

コードをコピーコードは次のとおりです。 <スタイル タイプ="text/css&qu...

トップナビゲーションバー機能を実現するCSS+HTML

ナビゲーション バー、固定トップ ナビゲーション バー、およびセカンダリ メニューの実装効果図の実装...