|
|
|
Sep 11, 2004
テーマ：今日の出来事(292462)
カテゴリ：カテゴリ未分類
画像と文章アラカルトその３
今日はTABLEタグを使って昨日と同じような結果になるようにしてみました。 上２枚は画像を左側に配置した場合で３枚目は右側に配置してみました。 分かりやすいようにTABLEのBORDERを１に指定してあります。ゼロにすればテーブル枠は無くなります。
HTMLソースを以下に示します。ポイントは文章側の<td>タグ内にブルーの部分を追加する事です。 普通は以下のHTMLソースをそのまま書くとHTML文書と認識されてしまうので特殊文字（＜の部分）を使用して表現してあります。 したがってこれをコピペしても上部の日記の様になりませんので！勿論全てキーボードで入力していただければちゃんと出ます。（汗） <table border="1"> <tr> <td><img src="http://image6.photohighway.co.jp/j052/976/Photos/middle/6981212241f2.jpg" alt="bb"> 写真は先日のそば打ちです。人物は浦島さんではありません。 このようにここにも文章が書けます。</td><td valign="top">valign="top"の場合は、このように文章がトップから始ります。<br><br>写真は先日のそば打ちです。人物は浦島さんではありません。</td> </tr><tr><td><img src="http://image6.photohighway.co.jp/j052/976/Photos/middle/6981212241f2.jpg" alt=""></td><td valign="middle">valign="middle"の場合はこのように中央から文章が始ります。</td></tr> <tr><td valign="bottom">valign="bottom"の場合はこのように下部から文章が始ります。</td><td><img src="http://image6.photohighway.co.jp/j052/976/Photos/middle/6981212241f2.jpg" alt=""></td></tr></table> 説明が下手でご理解いただけなかったでしょうか？ ふきふき"A^^; TDの属性を勉強しましょう！ おまけです。これは<td valign="top" bgcolor="lime">のうち bgcolor="lime" を追加しただけです。 こんな事知ってるよ！と言う方へはごめんなさいね。
何だか段々エスカレートしそうです。 お気に入りの記事を「いいね！」で応援しよう
|
