｜
ＰＣ ｓｉｔｅ
｜
Ｔｏｐ ｐａｇｅ
｜
｜
戻る
｜
作品
｜
映画
｜
演劇
｜
｜
音楽
｜
美術
｜
読物
｜
Link
｜
｜
Ｐｒｏｇｒａｍ
｜
Ｓｉｔｅｍａｐｓ
｜
==================================================
２０１３／０４／０５ 更新 番目の訪問者
----------------------------------
｜
Ｃ ｐｒｏｇｒａｍ
｜
----------------------------------
｜
ｈｔｍｌ ｐｒｏｇｒａｍ
｜
----------------------------------
----------------------------------------------------
初めてコンピュータプログラムを学ぶ人は、以下のｈｔｍｌプログラムを間違えないように書き写してみてください。全て半角小文字です。
----------------------------------------------------
＜ｈｔｍｌ＞
＜ｈｅａｄ＞
＜ｍｅｔａ ｈｔｔｐ−ｅｑｕｉｖ＝”ｃｏｎｔｅｎｔ−ｔｙｐｅ” ｃｏｎｔｅｎｔ＝”ｔｅｘｔ／ｈｔｍｌ； ｃｈａｒｓｅｔ＝ｓｈｉｆｔ＿ｊｉｓ”＞
＜ｔｉｔｌｅ＞初めてのホームページ＜／ｔｉｔｌｅ＞
＜／ｈｅａｄ＞
＜ｂｏｄｙ ｂｇｃｏｌｏｒ＝”＃ｆｆｆｆｆｆ” ｔｅｘｔ＝”＃００００００”＞
＜ｐ＞
工事中です。
＜ｂｒ＞
＜／ｐ＞
＜／ｂｏｄｙ＞
＜／ｈｔｍｌ＞
----------------------------------------------------
書き写したら、拡張子を．ｔｘｔとして保存してください。
保存したファイルにフォーカスを合わせ、右側をクリックし、ファイル名の拡張子を．ｈｔｍもしくは．ｈｔｍｌに変更してください。
拡張子を．ｈｔｍもしくは．ｈｔｍｌとしたファイルにフォーカスを合わせて、左クリックをすると、
Ｉｎｔｅｒｎｅｔ Ｅｘｐｌｏｌｏｒが立ち上がり、題名に「初めてのホームページ」、内容に「工事中です。」が表示されます。
ｂｇｃｏｌｏｒ＝”＃ｆｆｆｆｆｆ”では、背景の色を白に定義しています。
ｔｅｘｔ＝”＃００００００”では、文字の色を黒に定義しています。
ｂｇｃｏｌｏｒをｂａｃｋｇｒｏｕｎｄに代えると、”＊．ｇｉｆ”のように、
ファイル名が＊、拡張子が．ｇｉｆの画像ファイルを背景にすることができます。
＜ｂｏｄｙ ｂａｃｋｇｒｏｕｎｄ＝”ｐｉｃｔｕｒｅ．ｇｉｆ” ｔｅｘｔ＝”＃００００００”＞
ｐｉｃｔｕｒｅ．ｇｉｆの画像を背景に定義して、文字色を黒に定義します。
----------------------------------------------------
＜ｈｔｍｌ＞
＜ｈｅａｄ＞
＜ｍｅｔａ ｈｔｔｐ−ｅｑｕｉｖ＝”ｃｏｎｔｅｎｔ−ｔｙｐｅ” ｃｏｎｔｅｎｔ＝”ｔｅｘｔ／ｈｔｍｌ； ｃｈａｒｓｅｔ＝ｓｈｉｆｔ＿ｊｉｓ”＞
＜ｔｉｔｌｅ＞初めてのホームページ＜／ｔｉｔｌｅ＞
＜／ｈｅａｄ＞
＜ｂｏｄｙ ｂａｃｋｇｒｏｕｎｄ＝”ｐｉｃｔｕｒｅ．ｇｉｆ” ｔｅｘｔ＝”＃００００００”＞
＜ｐ＞
工事中です。
＜ｂｒ＞
＜／ｐ＞
＜／ｂｏｄｙ＞
＜／ｈｔｍｌ＞
----------------------------------------------------
同じようにファイルを保存して拡張子を変更して、ファイルにフォーカスを合わせ、左クリックをしてみてください。
ｐｉｃｔｕｒｅ．ｇｉｆの画像が背景になって、「工事中です。」が表示されている筈です。
＜ｐ＞＜／ｐ＞の間に、＜ｆｏｎｔ ｓｉｚｅ＝”７”＞工事中です。＜／ｆｏｎｔ＞と記述すると、
「工事中です。」の文字を７倍に表示することができます。
----------------------------------------------------
＜ｈｔｍｌ＞
＜ｈｅａｄ＞
＜ｍｅｔａ ｈｔｔｐ−ｅｑｕｉｖ＝”ｃｏｎｔｅｎｔ−ｔｙｐｅ” ｃｏｎｔｅｎｔ＝”ｔｅｘｔ／ｈｔｍｌ； ｃｈａｒｓｅｔ＝ｓｈｉｆｔ＿ｊｉｓ”＞
＜ｔｉｔｌｅ＞初めてのホームページ＜／ｔｉｔｌｅ＞
＜／ｈｅａｄ＞
＜ｂｏｄｙ ｂｇｃｏｌｏｒ＝”＃ｆｆｆｆｆｆ” ｔｅｘｔ＝”＃００００００”＞
＜ｐ＞
＜ｆｏｎｔ ｓｉｚｅ＝”７”＞
工事中です。
＜ｂｒ＞
＜／ｆｏｎｔ＞
＜／ｐ＞
＜／ｂｏｄｙ＞
＜／ｈｔｍｌ＞
----------------------------------------------------
＜ｂｒ＞は行を改めるときに使います。
----------------------------------------------------
＜ｈｔｍｌ＞
＜ｈｅａｄ＞
＜ｍｅｔａ ｈｔｔｐ−ｅｑｕｉｖ＝”ｃｏｎｔｅｎｔ−ｔｙｐｅ” ｃｏｎｔｅｎｔ＝”ｔｅｘｔ／ｈｔｍｌ； ｃｈａｒｓｅｔ＝ｓｈｉｆｔ＿ｊｉｓ”＞
＜ｔｉｔｌｅ＞初めてのホームページ＜／ｔｉｔｌｅ＞
＜／ｈｅａｄ＞
＜ｂｏｄｙ ｂｇｃｏｌｏｒ＝”＃ｆｆｆｆｆｆ” ｔｅｘｔ＝”＃００００００” ｌｉｎｋ＝”＃００９９３３” ａｌｉｎｋ＝”＃９９９９９９” ｖｌｉｎｋ＝”＃９０００００”＞
＜ｐ＞
＜ａ ｈｒｅｆ＝”ｐｉｃｔｕｒｅ．ｈｔｍｌ”＞私の写真です＜／ａ＞
＜ｂｒ＞
写真を見たい方は「私の写真です」をクリックしてください。
＜／ｐ＞
＜／ｂｏｄｙ＞
＜／ｈｔｍｌ＞
----------------------------------------------------
＜ｈｔｍｌ＞
＜ｈｅａｄ＞
＜ｍｅｔａ ｈｔｔｐ−ｅｑｕｉｖ＝”ｃｏｎｔｅｎｔ−ｔｙｐｅ” ｃｏｎｔｅｎｔ＝”ｔｅｘｔ／ｈｔｍｌ； ｃｈａｒｓｅｔ＝ｓｈｉｆｔ＿ｊｉｓ”＞
＜ｔｉｔｌｅ＞初めてのホームページ＜／ｔｉｔｌｅ＞
＜／ｈｅａｄ＞
＜ｂｏｄｙ ｂａｃｋｇｒｏｕｎｄ＝”ｐｉｃｔｕｒｅ．ｇｉｆ” ｔｅｘｔ＝”＃００００００”＞
＜ｐ＞
２０１３年４月１日撮影
＜ｂｒ＞
＜／ｐ＞
＜／ｂｏｄｙ＞
＜／ｈｔｍｌ＞
----------------------------------------------------
以上二つのファイルをそれぞれ保存して、写真を背景にしたファイルをｐｉｃｔｕｒｅ．ｈｔｍｌとします。
これで一つ目のファイルにフォーカスを合わせて左クリックすると、リンクとして「私の写真です」が表示されて、
その下に「写真を見たい方は「私の写真です」をクリックしてください。」が表示されます。
「私の写真です」をクリックすると、画面が切り替わって写真が表示されて、「２０１３年４月１日撮影」が表示されます。
ｌｉｎｋはリンク文字の色、ａｌｉｎｋはマウスが触れた時の色、ｖｌｉｎｋは既読リンクの色を表しています。
”＃００００００”が黒、”＃ｆｆｆｆｆｆ”が白です。
----------------------------------------------------
工事中です。