♪ HTMLファイルを作ってみよう |
テーブル素材のリンク
無料ホームページテンプレートの素材屋■ テーブルタグ応用 |
画像の横に文字を入れる
<table border="1" cellpadding="3"> <tr> <td><img src="画像ファイル名" border="0"></td> <td>この花はつつじです。<br>公園で撮影しました。<br></td> </tr> </table> |
|
borderを0にするとテーブルの囲いがなくなります。
文字を左で画像が右なら、<td>から</td>を上下入れかえるとできます。
<table border="0" cellpadding="3"> <tr> <td><img src="画像ファイル名" border="0"></td> <td>この花はつつじです。<br>公園で撮影しました。<br></td> </tr> </table> |
|
<td>〜</td>内でそのまま入れると中央に表示されますから、
上から表示したい場合は、<td>の中にvalign="top"と入れます。
<table border="0" cellpadding="3"> <tr> <td><img src="画像ファイル名" border="0"></td> <td valign="top">この花はつつじです。<br>公園で撮影しました。 <br></td> </tr> </table> |
|
テーブルタグと動くタグを組み合わせると
|
|
メニューを作るサンプル
|