1. ホーム
  2. Web制作
  3. HTML/Xhtml

htmlテーブルの使用(ページの視覚効果を出現させるため)

2022-01-27 03:14:55

我々はNetEaseブログでhtmlを使用できるとき、我々はタッチパッドに直接コードを追加するかどうか、しかし、その効果はあまりよくないことを知っています。これはコードの配置が良くないためで、今回はテーブルを使用してコードを配置し、効果をうまく表示できるようにする方法を説明します。

テーブルはhtmlの構文に欠かせないもので、これがないとページの視覚効果を表示するのが難しいので、テーブルについて説明します。

<テーブル

コードは次の通りです: <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&ftです。
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE>

trは行、tdは列、borderは太さ("0"は表示しない)、&nbsp;はスペースを意味します。ここで、テーブルの幅は100%が望ましい(width="100%")、これで理解できましたか?理解できたら、"<TD>&nbsp;</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>.BORDER-TOP; BORDER-TOP;1px solid" ボーダートップとボーダーの間隔:1px;1px;1px;1px;1px
<TBODY>
<TR>
<td><marquee>Welcome to ω.⑨s.messenger home</marquee></td>。
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE>

その効果とは

<テーブル <マーキー ω.⑨s.messengerのホームへようこそ

ただ、これだけで、あとは同じようなものです。

もうひとつ、テーブルができると、こんな風に見えるものもあります。

<テーブル と <テーブル

アプローチしています。

<table border="1" width="100%">
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

そして
<table border="1" width="100%">
<tr>
<td rowspan="2">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>

よく見ると colspan="2" と rowspan="2" が増えていますね!!!?

これは、quot;2"をパラメータとし、さらに自分自身を設定することを望んでいるのです。

<table border="1" width="100%">
<tr>
<td colspan="2"><marquee>Welcome to ω.⑨s.messenger home</marquee></td>。
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

そして
<table border="1" width="100%">
<tr>
<td rowspan="2"><marquee>Welcome to ω.⑨s.messenger home</marquee></td>。
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>

それぞれの効果は

<テーブル <マーキー ω.⑨s.messengerのホームへようこそ

<テーブル <マーキー ω.⑨s.messengerのホームへようこそ

注:コードの残りの部分は、<td>...に追加する必要があります。</td>, これはhtmlを知らない人に捧げます!