NetEase Blog で HTML を使用する場合、テンプレートに直接コードを追加できることはわかっていますが、効果はあまり良くありません。それはコードがうまく配置されていないからです。ここでは、テーブルを使用してコードを配置し、特殊効果をうまく表示する方法を説明します。 HTML 構文において、テーブルは欠かせない要素です。テーブルがないと、Web ページの視覚効果を表現することが難しくなります。ここではテーブルについて説明します。以下は 2 行 2 列の表です。 コードは次のとおりです: <TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="100%" border=1> tr は行、 td は列、 border は太さ (「0」は表示されないことを意味します)、 はスペースを表します。ここで、テーブルの幅は 100% (width="100%") が最適です。これでお分かりいただけましたか?理解できたら、「<TD> </TD>」の中に必要なコードを追加できます。 たとえば、<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="100%" border=1> 効果は次のとおりです。 これと同じように、残りは同じです。 もう 1 つ: テーブルを作成すると、次のようなものもいくつかあります。 アプローチは次のとおりです。 <表の境界線="1" 幅="100%"> そして よく見ると、colspan="2" と rowspan="2" が余分にあるのがわかりますよね? ! ! ! これがあなたが望むものです。「2」はパラメータであり、これも自分で設定する必要があります。 <表の境界線="1" 幅="100%"> そして 効果は次のとおりです。 そして 注意: その他のコードは <td>....</td> に追加する必要があります。これは HTML を理解していない友人のためのものです。 ! |
<<: Nginx リバース プロキシ構成の完全なプロセス記録
1. MavenをダウンロードするMaven 公式サイト: http://maven.apache...
序文前回の面接では、実行計画について質問されたとき、多くの人がそれが何なのか知りませんでした。実行計...
目次1. PXCの紹介1.1 PXC の紹介1.2 PXC の特徴と利点1.3 PXCの限界と欠点1...
docker-compose で mongodb と mysql を構築する詳細な方法を見てみましょ...
今日、プロジェクトのホームページにアクセスするために Tomcat を設定していたところ、404 エ...
はじめに: Windows 10 を再インストールし、同時にファイルを整理しました。しかし、MySQ...
1. MySQLをダウンロードする1. MySQLの公式ウェブサイトにログインし、64ビットシステム...
目次1. スコープはさまざまな方法で表現されます2. 変動昇進と非昇進の違い3. 一時的なデッドゾー...
以下のように表示されます。 SELECT prod_name,prod_price FROM pro...
OO、デザイン パターン、および多くのオブジェクト指向の原則について話す前に、まず 1 つのことを習...
目次1. 画像1. 鏡とは何ですか? 2. 画像の構成と目的(1) Dockerファイル(2)スクラ...
目次序文MySQL の NULL 2 NULL占有長3 NULL値の比較4SQLはNULL値を処理す...
メタ宣言注釈の手順: 1. モバイル ページと 1 対 1 で対応するすべての PC ページを分類し...
<br />注目を集めるウェブサイトを作成するには、どのような原則に従うべきでしょうか?...
この記事では、参考までに、簡単なスネークゲームを実装するためのjsキャンバスの具体的なコードを共有し...