ホームページを無料で作りたい方必見！メモ帳で簡単に作れるギャグwebデザイン講座☆ 　
対話でわかる！？ギャグwebデザイン講座！*2日目*
htmlの記述の仕方って…！？
TOP > 2日目
　
　
昨日（1日目に）やったことのまとめを下に書きだしてみたぞ！

■「ソース表示」
■HTMLは、『Hypertext Markup Language』の略。
■HTMLは、Webページを構造記述すること。

　
「ぐらいだな！さぁ～て気分を取り直して今日は、HTMLの記述の仕方についてやるぞっ！早速メガーネ！Winのメモ帳を開きたまえ～！」
「え？この前メモ帳っ言ったから普通に家からスケッチブックを持って来ましたよ？」
「何ぃ～？見せてみろっ～！」
「あーだめですよ！うふっ…☆」
「…くっ！スケッチブックにこんなにいやらしいエッチなイラストまで…さ、さすがは、メガーネ！ボケのセンスもワシ直伝じゃな…。フフフっこのスケッチブックは没収な！」
「す、ずるいっすよ！！まぁいいですけど…。」
「メモ帳を持ってこいっていったのは、winの初期設定からついてるメモ帳を開いて用意しとけってことだ！ こんなやらしいスケッチブックを用意するなんていってないぞっ！」
「そんなこと言ったって、しょうがないじゃないすか～！！」
「まあいい！！次回から気をつけろよ！ではデスクトップに『myhome』と名前を付けたフォルダを作ってみろっ☆」
「ふぁい！」
「ではいくぞ！デスクトップに『myhome』と名前を付けたフォルダを作ってみろっ☆」
「できました。ていうか、どういうページをつくるんですか？」
「うむ！いい質問だ！今日は、こういうページを作るぞっ！☆」
こんなページ←クリックしてみそ★
「なんか変な文章っすね？文字ばかりでなんかいまいちな気がするのは僕だけでしょうか？」
「くっ！確かに文章ばかりで読みずらいが、とりあえず初めなのであんまり気にするな！今日はどうやってページができるのかを覚えるだけだから、見栄えは気にるなっ！」
「ふぁーい！」
「で、winのメモ帳を開くのじゃ！Macユーザーなら、『simple text』とかでもオッケーだ！」
「立上げましたー！」
「次のように記述してみよっ☆できれば、コピーしないで記述した方がいいな！」

<html>
<head>
　　　　<title>メガーネのパンチラ日記☆</title>
</head>
<body>
　　　 <h1>メガーネのパンチラ日記を大公開☆（@＿@）</h1>
</body>
</html>

「よくわからないけど、とりあえず入力しましたよ」
「それを『diary.html』という名前を付けて、『myhome』の中に保存してみろ☆」
「やってみました！」
「これがhtmlソースファイルというものじゃ！」
「ソースですか？醤油はないんでしょうかね～？」
「うむ！醤油は、オムライスにかけてはいかんな！それをインターネットのブラウザ（Internet Explorer（IE）やNetscapeNavigator（NN））でファイルを開いてみろっ！『ファイル』→『開く』→『参照』→今作った『diary.html』を開くで開くはずだっ！！」
「ぁっ！なんか文字が一行表示されましたよ！？？なんですかこれ？どきどき…」
「うむ！その変な文字が、HTMLファイル文章が書きだした文字だ！」
「たった一行のために、いちいちこんなくそ面倒くさい記述をしなきゃいけないんですね～。先が思いやられそうです…。」
「まあな、すぐなれるようにしてやるっ！まず、タグを打つときに注意することはこれだっ！！」

●「必ず半角英数字で！」が基本だっ！
（そうしないと、ブラウザが正常に読み込めなくなります。）
●「半角カタカナ」は使ったらアカン！
（半角カナはうまく表示されなかったり、トラブルを引き起こす可能性があるので、使えません。）

「これらのことは、変なトラブルにならないためにも注意しとくんだな」
「えー？日本語とか駄目なんすかぁ？なんか初めにタグ作った人を恨みます…」
「つべこべ言わず次にいくぞ～！『<h2>メガーネのパンチラ日記を大公開☆（@＿@）</h2>』の後に日記文を追加するぞ！」
「ふぁーい！」

<html>
<head>
　　　　<title>メガーネのパンチラ日記☆</title>
</head>
<body>
　　　 <h2>メガーネのパンチラ日記を大公開☆（@＿@）</h2>
○月×日『晴れときどき突風』
今日は、いちだんとメガネが曇っている。やる気十分な曇り具合です。 だからといってめげないボクは、今日もギャルウォッチングをしに街にくり出ていくのであった。 ギャルのパンチラはそうそうお目にかかれるものではないのですが、 ボクくらいの、プロフェッショナルチラ職人になると風が読めるになります。 ていうか、風が僕に「今日は、駅前の階段の前でびゅんとしてあげるわ☆」とか語りかけてくるのです。 うきうき気分で駅前をうろついていると、 ミニスカートをはいたパツキンギャルがボクの前を腰をくねくねしながら通りがかり、 その時、物凄い突風が起こり奇跡が起こりました。 ………
あー。生きててよかった。今までさんざんいじめられたきた記憶が、その時だけ全て忘れ去ることができ。本当に幸せとはこのことなんだなぁ…と思ってしまいます。 今日のあのパンチラは風の精の贈り物として、永遠に眼の奥に焼きつけておきます。

○月□日『雨ときどきびちょぬれ』
今日は、メガネがきついです。
ぼくの心をきつく締め付けてきます。
それはたぶん僕が、メガネをトイレに落としたまま、危うく流しそうになったからにちがいありません。
共に寝て、共に町にくり出し、共に朝日を拝む、そんな友達や、兄弟より親しい関係のメガネに大変な ことをしてしまったと反省で心が痛みます。
でも、きっと所詮メガネのことなのでいつか許してくれると信じて、今日もギャルウォッチングにくり出していく ボク（メガーネ）でした。
</body>
</html>

「これの日記の文章は自分で打ち変えてもぜんぜんかまわん！！ 書けたら保存してブラウザで確認してみろっ！駄目そうなら、コピーして表示してみろっ！」
「おー！文字が増えたー！でもなんか読みずらいっすね。」
「だろ？！では、『<br>』（改行）で文章を読みやすくするぞい！
は文章の後ろに入れるのだっ！」
「ふぁ～い」

<html>
<head>
　　　　<title>メガーネのパンチラ日記☆</title>
</head>
<body>
　　　 <h2>メガーネのパンチラ日記を大公開☆（@＿@）</h2>
<br> ○月×日『晴れときどき突風』
<br> 今日は、いちだんとメガネが曇っている。<br> やる気十分な曇り具合です。<br> だからといってめげないボクは、今日もギャルウォッチングをしに街にくり出ていくのであった。<br> ギャルのパンチラはそうそうお目にかかれるものではないのですが、<br> ボクくらいの、プロフェッショナルチラ職人になると風が読めるになります。<br> ていうか、風が僕に「今日は、駅前の階段の前でびゅんとしてあげるわ☆」とか語りかけてくるのです。<br> うきうき気分で駅前をうろついていると、 ミニスカートをはいたパツキンギャルがボクの前を腰をくねくねしながら通りがかり、 その時、物凄い突風が起こり奇跡が起こりました。<br> ………
<br> あー。生きててよかった。<br> 今までさんざんいじめられたきた記憶が、その時だけ全て忘れ去ることができ。<br> 本当に幸せとはこのことなんだなぁ…と思ってしまいます。<br> 今日のあのパンチラは風の精の贈り物として、永遠に眼の奥に焼きつけておきます。

<br><br> ○月□日『雨ときどきびちょぬれ』
<br> 今日は、メガネがきついです。
<br> ぼくの心をきつく締め付けてきます。
<br> それはたぶん僕が、メガネをトイレに落としたまま、危うく流しそうになったからにちがいありません。
<br> 共に寝て、共に町にくり出し、共に朝日を拝む、そんな友達や、<br> 兄弟より親しい関係のメガネに大変なことをしてしまったと反省で心が痛みます。
<br> でも、きっと所詮メガネのことなのでいつか許してくれると信じて、<br> 今日もギャルウォッチングにくり出していくボク（メガーネ）でした。
<br> </body>
</html>

「おおー！少し読みやすくなりましたねー!」
「うむ！改行したい時に、その文の後ろに『<br>』をつければいいのだっ！！」
「ふーん。…で、これがもうホームページになったんですか？」
「ノンノンノー！実は、これでホームページが公開されたのではないっ！ それにはホームページスペースってものが必要なのだ～！」
「ホームページスペース～！！？」

これで、またwebマスターに一歩近づいた…ざぶーん

topに戻る
10日でできる？ホームページ
1日目| 2日目| 3日目| 4日目| 5日目| 6日目| 7日目| 8日目| 9日目| 10日目|
教子先生の！webテク講座！
～テクその１～| ～テクその2～| ～テクその3～| ～テクその4～|
Copyright (C)2006.01 duyopon
http://www16.plala.or.jp/duyopon_dayo/