htmlの学習をしよう
1-1 最低限の骨組み
<html>
<head>
<title>ページのタイトルです</title>
</head>
<body>
<!-- ▼▼▼ここから -->
<p>試作品です。</p>
<p>できるかな。</p>
<!-- ▲▲▲ここまでが 人の目に触れます。 -->
</body>
</html>
1-2 改行したい
ここに書いたものは本文になります。ここで改行をしたかったらこんなタグを入れます。<br>
ここをどんどんどんどん書いてみましょう。
1-3 段落をつけたい
<p>ここに書いたものは本文になります。ここで改行をしたかったらこんなタグを入れます。<br>
ひとつの段落はこんなタグでかこみます。</p>
<p>2番目の段落です。 </p>
<p>3番目の段落です。 </p>
1-4 文字サイズを変えたい 完成見本
<p>ここに書いたものは本文になります。
普通は文字サイズ3ですが、<font
size="4">文字サイズ4</font>
<font size="5">文字サイズ5</font><font
size="6">文字サイズ6</font>はこうなります。</p>
<font
size="7">とにかくこういうタグで囲むのです7 </font>
<p>ここに書いたものは本文になります。
普通は文字は黒ですが、<font
color="red">赤い文字</font>、<font
color="blue">青い文字</font>、<font
color="green">緑の文字</font>はこうなります。</p>
<p><font
color="red">とにかく色のタグで囲むのです</font></p>
<p><font
size="6">大きさも<font
color="purple">色も変えたかったら二重に囲ってやります</font>こんなふうに</font></p>
<p><font
size="6"><font
color="purple">大きさも色も変えたかったら二重に囲ってやります。こんなふうに</font></font></p>
<p>ここをどんどんどんどん書いてみましょう。 </p>
1-6 太い文字、斜め文字、アンダーライン 完成見本
<p>ここに書いたものは本文になります。
ここをどんどんどんどん書いてみましょう。
<strong>太文字</strong>、そして<em>斜め文字</em>、そして<u>アンダーライン</u>そして普通の字。</p>
<p>そして応用。二重にタグをつけ<em><strong>太文字で斜め文字</strong></em> </p>
<p>更に応用。三重にタグをつけ<font
color="purple"><em><strong>太文字で斜め文字で紫色の文字</strong></em></font> </p>
2-1画像を貼る 同じ階層のフォルダに置いてある画像 完成見本
<img src="pic/minikabuto.jpg" width="80" height="60">
意味
<img src画像を貼りなさい="picというフォルダの中の/minikabuto.jpgという画像を" 大きさは次の通りですwidth="80" height="60"この部分は省略可能>
2-2画像を貼る 一つ上の階層のフォルダに置いてある画像
<img src="../img/star01.jpg" width="60" height="60">
意味
<img src画像を貼りなさい="../一つ上の階層に行って imgというフォルダの中の/star01.jpgという画像を" 大きさは次の通りですwidth="60" height="60"この部分は省略可能>
3 ページを整える
ページの背景色 ページの文字色の基本色を変える(他サイトへのリンク)
4-1 リンクを貼る サイト内リンク
<a href="05.html" >見てね</a>
意味
<a hrefリンクしなさい="05.htmlというページに移動しなさい" >見てね をクリックされたら</a>
4-2 リンクを貼る サイト外リンク
<a href="http://kefi.ikaduchi.com/oo51/index.html">紙飛行機の作り方 紙飛行機空港</a>
意味
<a hrefリンクしなさい="http://kefi.ikaduchi.com/oo51/index.html というページに移動しなさい">紙飛行機の作り方 紙飛行機空港 をクリックされたら</a>
4-2 リンクを貼る 新しいページを開きながらリンク(読者に「自分のページから去らないでほしい、しかし別のページも見てほしい」というときに有効)
<p><a href="02.html" target="_blink">ここをクリックしてみて下さい。</a></p>
次の一文を入れます。
target="_blink"
作品例
参考ページ
web発射台 http://kefi.ikaduchi.com/making/index.htm#tag
初回公開 210814
最新更新 211111
風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕コム 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕スクラッチ 風燕scratch 風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕scratch風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com 風燕com