Webページを作成する
HTMLファイル
ファイル名 「index.html」
<html>
<head>
<meta charset="UTF-8">
<meta name="GENERATOR" content="JustSystems Homepage Builder Version 21.0.1.0 for Windows">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>第25回加西高校文化祭</title>
</head>
<body>
<h1>ご来場ありがとうございました!</h1>
<p>25回目の開催となりました加西高校文化祭。 今年度もたくさんの皆様にご来場いただき誠にありがとうございました。 <br>
文化祭当日の様子とご投票いただいた結果についてお知らせします。 </p>
<h2>今年度の校長賞は「落語研究会」</h2>
<p>
<img src="oogiri.png" border="0" width="425" height="259"></P>
「お笑いライブ」が大好評だった落語研究会。 発表当日のクオリティだけでなく、日頃の熱心な活動が認められ 今年度の校長賞を受賞しました。 <br>
文化祭当日の様子は下記の人気投票結果にあるリンクをクリックしてください。
<h2>来場者人気投票結果</h2>
<h3>展示部門</h3>
<ol>
<li>美術部</li>
<li>書道部</li>
<li>パソコン部</li>
</ol>
<h3>舞台部門</h3>
<ol>
<li><a href="rakugo.html">落語研究会</a></li>
<li>ダンス部</li>
<li>演劇部</li>
</ol>
<p><br>
<a href="kyoukazyouhou.html"><img src="image1.gif" width="94" height="48" border="0"></a><br>
<a href="kiroku1.html"></a><br>
</p>
</body>
</html>
ファイル名 「rakugo.html」
<html><meta charset="UTF-8"><meta name="GENERATOR" content="JustSystems Homepage Builder Version 21.0.1.0 for Windows"><meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<body>
<h1>落語研究会</h1>
<p>
いつも応援ありがとうございます。落語だけでなく「お笑い全般」を探求しています。
</p>
<h2>文化祭で校長賞を受賞しました! </h2>
<p><img src="poster.jpg" width="319" height="452" alt="落語"></p>
<h2><a href="kanishibunkasai.html">文化祭のページに戻る</a>
</h2>
</body>
</html>
解 説
ファイル名 「rakugo.html」
各分野のタグの説明
HTMLタグ(HTMLファイルの作成)
<html>~</html> | HTMLファイルの開始と終了を表すタグ |
<body>~</body> | 本文の開始と終了を表すタグ |
<h〇>~</h〇> | 見出しを表すタグ。〇には1~6の数字が入る。1が最大のレベル。 |
<p>~</p> | 段落を表すタグ |
<ol>~</ol> | 項目やリストを番号付きでならべるときに使用するタグ。 |
<li>~</li> | 各項目の要素を示すタグ。 |
<img>タグ(画像の表示)
形式<img src=”画像ㇷアイル名”> | srcはSouRCe(ソース)のことで、指定した画像ㇷアイルが表示される。 |
画像サイズの指定 | width=”425” 画像の幅をドット数で指定 height=”259” 画像の高さをドット数で指定 |
画像の形式 | GIF(gif) JPEG(jpg) PNG(png) |
動画の形式 | MPEG |
音声の形式 | MP3 |
<a>タグ(ハイパーリンクの設定)
形式<a herf=”ㇷアイル名”>リンク先として表示する文字</a> | ・aはAnchor(アンカー)で「固定する」の意味。 ・hrefはHypertext REFerence (ハイパーテキストリファレンス)の略 |
外部サイトへのリンクはファイル名の部分にURLを記述する。 | <a href=”http://www.jikkyo.co.jp/”>実教出版</a> |