next up previous
Next: 残った時間の課題 Up: 実習 Previous: 写真を載せるためのタグを書く

1つの段落に写真と画像を入れる

今作ったWebページの写真の人物紹介を書きます. まず始めに自分の顔写真とその説明を 1つの段落に書いてみます.

  1. まず, 顔写真のファイル「自分の名前.jpg」の Netscape で開き, その大きさをメモしておきます. (まず,Netscapeを開き,「ファイル」メニューから,「開く」を選ぶか, 「自分の名前.jpg」のアイコンを Netscape のアイコンに重ねる.)
  2. 次に,「Fellows/fellows.html」を開き, 先ほど記述した水平線のタグ<hr>の下に, 次の記述を加えます.
    <p><img src="../JPG/自分の名前.jpg" alt="MyFace"
            align="left" width="横幅" height="高さ">
    私がこのページの作者の×××です。<br>
    私は○○学科の1年生です。<br>
    ×××と呼んで下さい。よろしくお願いします。<br clear="all">
    (文章は自分で適当に考えたものを書けばよい.)
    </p>
    
imgタグの属性, align="left"は, 写真を左寄せで表示せよという意味です.

注意: 写真の横に複数行に渡って記述するときは, 適当な個所で改行のタグ<br>を入れるようにします. 1行終わるごとにタグ<br>を書き, 最後の行は, タグ<br clear="all">と書きます. 詳しくは, テキスト66-68ページを参照して下さい.

出来たら, 上書き保存し, Netscapeの「再読み込み」の操作を行って下さい.


next up previous
Next: 残った時間の課題 Up: 実習 Previous: 写真を載せるためのタグを書く

2006-12-01