HTML によるWebページ作成 その2


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

1. リンクに関するタグ

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

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

使用例:
<IMG SRC="tohoku-logo-s.gif">東北大学のロゴです <IMG SRC="bluebutton.gif">青いボタンのアイコンです<br> 右のボタンを押すと東北大学ホームページへ <A HREF="http://www.tohoku.ac.jp"> <IMG SRC="redball.gif" BORDER="0"> </A>
東北大学のロゴです 青いボタンのアイコンです
右のボタンを押すと東北大学ホームページへ
使用例:
東北大学のロゴです<IMG SRC="tohoku-logo-s.gif" HEIGHT="100"> 大きくなりました<P> 青いボタンのアイコンです.<IMG SRC="bluebutton.gif" WIDTH="100" HEIGHT="10"> 横長になりました.
東北大学のロゴです 大きくなりました

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


アイコンの入手方法 --- ホームページ素材集のページから入手できます. 「ホームページ 素材」で検索するといろいろ見つかります.
使用例:
赤いボールです.<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>
使用例: faclist.html
東北大学の学部学生数ランキング <OL> <LI> 工学部 --- 4000人 <LI> 理学部 --- 1400人 <LI> 経済学部 --- 1200人 (途中略) </OL>

5. 文字に関するタグ