HTMLテーブルの簡単な応用-htmlチュートリアル-php.cn

HTMLテーブルの簡単な応用

迷茫

リリース： 2017-01-17 10:41:14

オリジナル

1566 人が閲覧しました

以前の Web レイアウトでは、レイアウトにテーブルを使用していましたが、時代の成長と言語の進歩により、現在ではほとんどの Web サイトでレイアウトや検索にテーブルレイアウトを使用することが少なくなりました。エンジンはテーブルレイアウトにあまり適していません。Web サイトのコンテンツをクロールする場合、div+css レイアウトは検索エンジンによってより適切にクロールされる可能性があるため、今日はテーブルレイアウトについて話しましょう。

まず、テーブルのラベルが何であるかを知る必要があります。

、

、	これらのタグを例に適用してみましょうこの効果はあまり見栄えがよくありません。テーブルを改良していきましょう固定の幅と高さ、境界線を設定します <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1"> <tr> <th>ID</th> <th>名称</th> <th>价格</th> <th>库存</th> <th>上线时间</th> <th>操作</th> </tr> <tr> <td>1</td> <td>相机</td> <td>1499</td> <td>999</td> <td>2015.6.8</td> <td>修改删除</td> </tr> </table> </body> </html> ログイン後にコピーこの場合、テーブルはより見栄えが良くなります。もちろん、その中には属性もあります colspan rowspan 個人用履歴書を作成し、テーブルレイアウトを使用する場合、これら 2 つの属性を使用して行とセルを結合します。この例は、HTML の基本入門コースにあります。 PHP 中国語 Web サイトを知っている人は参考にできません。

これらのタグを例に適用してみましょう

HTMLテーブルの簡単な応用この効果はあまり見栄えがよくありません。テーブルを改良していきましょう

固定の幅と高さ、境界線を設定します

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table border="1">
<tr>
<th>ID</th>
<th>名称</th>
<th>价格</th>
<th>库存</th>
<th>上线时间</th>
<th>操作</th>
</tr>
<tr>
<td>1</td>
<td>相机</td>
<td>1499</td>
<td>999</td>
<td>2015.6.8</td>
<td>修改 删除</td>
</tr>
</table>
</body>
</html>

ログイン後にコピー

この場合、テーブルはより見栄えが良くなります。もちろん、その中には属性もあります

colspan rowspan 個人用履歴書を作成し、テーブルレイアウトを使用する場合、これら 2 つの属性を使用して行とセルを結合します。この例は、HTML の基本入門コースにあります。 PHP 中国語 Web サイトを知っている人は参考にできません。