ホームページ制作/SOHO/福岡
Eメール tk-1980@mx4.et.tiki.ne.jp
メニュー
トップページ
HTMLの基本
HTMLとは
書き方の基本
ファイル名について
よく使うタグ
テーブルでレイアウト
基本
特殊なテーブル
ホームページ作成
スタイルシート
スタイルシートとは
背景
小技集
テーブルでレイアウト
 基本

項目を追加します。

<html>
<head>
<title>タイトル</title>
</head>
<body>
<table>
<tr><td rowspan="6"><img src="gazou/kao.GIF"></td><td>名前</td></tr>
<tr><td>住所</td></tr>
<tr><td>年齢</td></tr>
<tr><td>趣味1</td></tr>
<tr><td>趣味2</td></tr>
<tr><td>血液型</td></tr></table>
</body>
</htm>

名前
住所
年齢
趣味1
趣味2
血液型

画像が中央に来ていますね。valign=""で調節します。

<html>
<head>
<title>タイトル</title>
</head>
<body>
<table>
<tr><td rowspan="6" valign="top"><img src="gazou/kao.GIF"></td>
<td>名前</td></tr>
<tr><td>住所</td></tr>
<tr><td>年齢</td></tr>
<tr><td>趣味1</td></tr>
<tr><td>趣味2</td></tr>
<tr><td>血液型</td></tr></table>
</body>
</htm>

名前
住所
年齢
趣味1
趣味2
血液型

きれいになりました。
valign=""だけでなく align=""やセルの高さや横幅などでも調節することが大切になってきます。

次へ
戻る

△△ページトップへ△△

[HP制作][HP講座][日記][サイトマップ][掲示板]
ホームページ制作代行サービス 流文-nagarefumi-
Eメール tk-1980@mx4.et.tiki.ne.jp