テーブル素材のリンク

画像の横に文字を入れる

<table border="1" cellpadding="3"> <tr> <td><IMG SRC="hana.jpg" BORDER="0"></td> <td>この花はつつじです。<br>公園で撮影しました。<br></td> </tr> </table>

この花はつつじです。 公園で撮影しました。

borderを0にするとテーブルの囲いがなくなります。
文字を左で画像が右なら、<td>から</td>を上下入れかえるとできます。

<table border="0" cellpadding="3"> <tr> <td><IMG SRC="hana.jpg" BORDER="0"></td> <td>この花はつつじです。<br>公園で撮影しました。<br></td> </tr> </table>

この花はつつじです。 公園で撮影しました。

<td>〜</td>内でそのまま入れると中央に表示されますから、
上から表示したい場合は、<td>の中にvalign="top"と入れます。

<table border="0" cellpadding="3"> <tr> <td><IMG SRC="hana.jpg" BORDER="0"></td> <td valign="top">この花はつつじです。<br>公園で撮影しました。 <br></td> </tr> </table>

この花はつつじです。 公園で撮影しました。

テーブルタグと動くタグを組み合わせると

メニューを作るサンプル

玄関に戻るよ