HTMLの基本
HTMLファイルの基本
文書情報
文字に関する設定
レイアウト
リンク
リストを作る

<table cellpadding="セルの枠と内容との間隔">〜</table>
セルの枠と内容との間隔‥‥‥ピクセル単位

要素名属性名説明非推奨必須属性
table
summary表の概要
width表の幅
border外枠線の太さ
frame外枠の表示形式
rulesセルを区切る線の表示形式
cellspacingセルの間隔
cellpaddingセルの枠と内容の間隔
align表示位置非推奨
bgcolor背景色非推奨
classクラス名
idID名
title補足情報
styleスタイルシート
lang言語コード
dir文字表記の方向
table要素のcellpadding属性は、セルの枠と内容との間隔を設定します。
Sample
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>セルの枠と内容との間隔を指定。</title>
</head>
<body>
<table border="2" cellpadding="0">
<tr><th>見出し1</th><th>見出し2</th><th>見出し3</th></tr>
<tr><td>データ1</td><td>データ2</td><td>データ3</td></tr>
<tr><td>データ4</td><td>データ5</td><td>データ6</td></tr>
<tr><td>データ7</td><td>データ8</td><td>データ9</td></tr>
</table>
<table border="2" cellpadding="10">
<tr><th>見出し1</th><th>見出し2</th><th>見出し3</th></tr>
<tr><td>データ1</td><td>データ2</td><td>データ3</td></tr>
<tr><td>データ4</td><td>データ5</td><td>データ6</td></tr>
<tr><td>データ7</td><td>データ8</td><td>データ9</td></tr>
</table>
<table border="2" cellpadding="20">
<tr><th>見出し1</th><th>見出し2</th><th>見出し3</th></tr>
<tr><td>データ1</td><td>データ2</td><td>データ3</td></tr>
<tr><td>データ4</td><td>データ5</td><td>データ6</td></tr>
<tr><td>データ7</td><td>データ8</td><td>データ9</td></tr>
</table>
</body>
</html>

Internet Explorer8での表示例

セルの枠と内容との間隔を指定
表を作る
簡単相互リンクツールtoo-search

相互リンク募集や、お友達のページ紹介、自分のお気に入りサイトを登録できる無料の検索エンジンツール。

登録を募集すれば色んなサイトとのつながりもでき、アクセスアップにも効果抜群。

今すぐ登録!