〜マンガの為のHTML入門〜
 さて、では 出てきたばっかりの｢HTMLファイル」に 右記の暗号(HTMLタグ)を打ち込んでみてください。 注意する点は、ここにある文字は全て 半角英数字で入力しなければならないこと。 それと＜body bgcolor="…＞という部分の “ｙ”と“ｂ”の間には半角スペースがあるのでお忘れなく！ 
打ち込み終えたら[ファイル]→[上書き保存]をクリックしてデータを保存します。 さて、データは打ち込んだけど、 それがどんなモノかをモニターするには、 [更新]のボタン(↓下図参照)をクリックします。 するとブラウザ上の画面に更新データ反映されます。 
下図の様にブラウザ内の色が、このページの背景色と同じになっていたら成功です！  もし上手くいかなかった場合はもう一度タグの暗号の打ち込みを確認してみてください。 何処か打ち間違いはありませんか？ 全部半角英数字で入力しましたか？ 半角スペースは打ち込みましたか？ ［上書き保存］はクリックしましたか？ 更新ボタンを押し間違ってはいませんか？ 上手く色が変らない場合は、これらを丁寧に繰り返し確認してみて下さい。 さて、ここで使用したHTMLタグを使って少しだけ“HTML”の勉強をしましょう。 まず、＜……＞という、このとがったカッコマーク。 これに挟まれたアルファベット これを“タグ”といいます。 初めに打ち込んだ＜html＞というタグと、 最後の＜/html＞というタグは、 HTMLの打ち込みの際の決まり事として存在するタグです。 これに挟まれた部分がHTMLのコードとなる訳です。 また＜body bgc……＞のbodyが 『ここからが、このHTMLの本文ですよ〜。』 という意味を示すタグです。 反対に最後から2つ目のタグ＜/body＞が『本文はここまで』という意味のタグで、 この2つもやはりセットで１つの意味を持つタグです。 つまりHPの内容は、この＜html＞…＜body…＞から ＜/body＞＜/html＞までの間に挟まれた形で打ち込まれるタグの情報な訳で、 この間に色んな種類のタグをそれぞれの決まりや意味に沿って打ち込めば、 HTMLが完成すると言う事です。 物は試し…。 今作ったHTMLファイルの 左図部分に何か日本語を打ち込んでみて メモ帳を［上書き保存］ そしてブラウザの［更新］を押してみて下さい。 その文字がブラウザ上に出るはずですよ。 ちなみに｛？？？？｝というのが何処に反映されているか判りますか？ ヒント＜title＞…＜/title＞というのはタイトルバーと言われるタグだと言う事と、 下の２つ図はを比べて下さい。  
さぁ〜て、タイトルバーの場所、判りましたか？なお各ステップにおいて解らない点がありましたら ここをクリックして “まんが浪人の掲示板” に質問を書き込んで置いてください。 *回答はも“まんが浪人の掲示板”にて発表いたします。 ただし、解る範囲でしかお答えできませんので、 その点は理解していただき、ご容赦ください。 また回答には数日〜十数日以上かかる場合があります。 |