| 目次 | 1.HTMLの基本 | 2.ハイパーリンク | 3.ページとテキスト | 4.画像 | 5.リスト | 6.テーブル | 前ページ | 次ページ |
| サンプル 4-3 | s143img.html（画像とテキストの位置） |
<HTML> <HEAD> <TITLE>絶景倶楽部【入門HTML講座】</TITLE> </HEAD> <BODY> <H2 ALIGN="Center">入門HTML講座</H2> <H3>画像（Image）…テキストの書き出し高さ</H3> <P> これが麗雄です。 <IMG SRC="img/leo01.jpg" ALT="麗雄の写真" HEIGHT="100" ALIGN="top"> 「ALIGN="top"」に指定しました。写真は、松島に旅行した時のものです。 <P> これが麗雄です。 <IMG SRC="img/leo02.jpg" ALT="麗雄の写真" HEIGHT="100" ALIGN="middle"> 「ALIGN="middle"」に指定しました。羽田の向いの京浜島です。 <P> これが麗雄です。 <IMG SRC="img/leo03.jpg" ALT="麗雄の写真" HEIGHT="100" ALIGN="bottom"> 「ALIGN="bottom"」に指定しました。自分の椅子でくつろいでいます。 </BODY> </HTML> | |
| このリストを表示する （新しいウィンドウを開きます。参照後は、自分で閉じて下さい。） | |
| サンプル 4-4 | s144img.html（テキストの回り込み） |
<HTML> <HEAD> <TITLE>絶景倶楽部【入門HTML講座】</TITLE> </HEAD> <BODY> <H2 ALIGN="Center">入門HTML講座</H2> <H3>画像（Image）…テキストの回り込み</H3> <HR> <P><IMG SRC="img/leo01.jpg" ALT="麗雄の写真" HEIGHT="100" ALIGN="left"> これが麗雄です。<BR>「ALIGN="left"」に指定しました。画像が左寄せです。<BR> 写真は、松島に旅行した時のものです。 観光地に良くある「どの方向に何が見えるか盤」の上にいます。<BR> この時は、青森の浅虫温泉から1週間かけて東北地方の温泉をドライブしてきました。 犬でも躾が良ければ泊めてくれる旅館が多く、天皇陛下のお宿にも泊まりました。 <HR> <P><IMG SRC="img/leo02.jpg" ALT="麗雄の写真" HEIGHT="100" ALIGN="right"> これが麗雄です。<BR>「ALIGN="right"」に指定しました。画像が右寄せです。<BR> 写真は、羽田空港の向いにある京浜島です。<BR CLEAR="all"> 大宮に引越す以前は品川に住んでいたので、暇な休日は京浜島で散歩しました。 <HR> </BODY> </HTML> | |
| このリストを表示する （新しいウィンドウを開きます。参照後は、自分で閉じて下さい。） | |
| ●画像の貼り込み（image）テキストとの位置関係 | |||||||||||
| |||||||||||
| ●回り込みテキストの解除（line break） | ||||||||
| ||||||||
| 目次 | 1.HTMLの基本 | 2.ハイパーリンク | 3.ページとテキスト | 4.画像 | 5.リスト | 6.テーブル | 前ページ | 次ページ |
