HTML によるWebページ作成 (第2回目)


目次
  1. リンクに関するタグ
  2. 画像の表示に関するタグ
  3. 箇条書きのためのタグ
  4. 文字に関するタグ

1. リンクに関するタグ

使用例:
<A HREF="http://www.econ.tohoku.ac.jp"> 経済学部のホームページ </A> <BR> <A HREF="myself.html" TARGET="_blank"> この前作った myself.html へのリンク</A>
経済学部のホームページ
この前作った intro3.html へのリンク
使用例:
<A NAME="start"> <=== 実際にはこのページの最初においてあります <A HREF="#start"> このページの先頭へ </A>
このページの先頭へ

2. 画像の表示に関するタグ

使用例:
<IMG SRC="cablecar.jpg">ケーブルカーの写真です <IMG SRC="bluebutton.gif">青いボタンのアイコンです<br> 右のボタンを押すと東北大学ホームページへ <A HREF="http://www.tohoku.ac.jp"> <IMG SRC="redball.gif" BORDER="0"> </A>
ケーブルカーの写真です 青いボタンのアイコンです
右のボタンを押すと東北大学ホームページへ
使用例:
ケーブルカーの写真です.<IMG SRC="cablecar.jpg" HEIGHT="5%"> 縮小されました.<P> 青いボタンのアイコンです.<IMG SRC="bluebutton.gif" WIDTH="20%" HEIGHT="2%"> 横長になりました.
ケーブルカーの写真です. 縮小されました.

青いボタンのアイコンです. 横長になりました.


アイコンの入手方法
使用例:
赤いボールです.<IMG SRC="redball.gif" BORDER="5"> 枠つきです.<P> 赤いボールです.<IMG SRC="redball.gif" ALIGN="right"> 右側に寄せました.<P> 赤いボールです.<IMG SRC="redball.gif" ALIGN="top"> 文章とボールを上揃えにしました.
赤いボールです.枠つきです.

赤いボールです.右側に寄せました.

赤いボールです.文章とボールを上揃えにしました.


3. 箇条書きのためのタグ

使用例: faclist.html
東北大学の学部一覧 <UL> <LI> 文学部 <LI> 教育学部 <LI> 法学部 <LI> 経済学部 (以下略) </UL>
※入れ子にして利用することも可能 ---- 使用例: deplist.html
東北大学の学科一覧(経済学部, 農学部,理学部のみ) <UL> <LI> 経済学部 <UL> <LI> 経済学科 <LI> 経営学科 </UL> <LI> 農学部 <UL> <LI> 生物生産科学科 <LI> 応用生物化学科 </UL> (途中省略) </UL>
使用例: facrank.html
東北大学の学部学生数ランキング <OL> <LI> 工学部 --- 4000人 <LI> 理学部 --- 1400人 <LI> 経済学部 --- 1200人 (途中略) </OL>
※上記の情報は http://web.bureau.tohoku.ac.jp/gaiyou/student.html を参考にしました

5. 文字に関するタグ


レポート課題:
  • LaTeX の2回目のレポート(イベントに関する案内) を web ページに変換し, 公開しなさい.
締め切り: 6月13日(金)授業終了時まで