FC2ブログ

logs

乱暴大雑把なHTML講座--骨から愛して

#根本は「乱暴に判り易くHTML解説」です。生真面目じゃありません。
#生真面目じゃないけど真面目です。「それ違ってるよ!」なんてツッコミ歓迎。
#おサポ内検索HTML講座


 HTML言語とは「ブラウザで表示する際の構造を記述する」言語。それによってHTML文書が作成される。詳しくは下記参考を読むように(逃げ)。
※参考:HTMLって何だThe Web KANZAKI
  HTML言語を知らない人へ1シンプル解説

 その為の言語なのでそれなりにお約束などもあったりする。お約束を破ると「宿題しないで遊んだ子はテレビ見ちゃいけません!」とばかりに、思ったように表示してくれない。なので、良い子はちゃんとお約束を守らなければならない。

 =お約束その1=
 HTMLの骨組みを理解しよう
(斜め文字がブラウザで表に出てくる部分)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML~~"> ←文書型宣言と言うもの*1
<html> ←これはHTMLだよん!と始まる

<head> ←このHTMLの情報始まり。ブラウザ本体には表示されぬ
 <title> ←このHTML文書のタイトル始まり
 ブラウザのタイトル
 </title> ←このHTML文書のタイトルここまで
</head> ←ここまではブラウザ本体に表示されぬ

<body> ←お待ちかね、本文始まり

 ブラウザに表示される中身=HTMLの本文

</body> ←お名残惜しいが、本文終了
</html> ←後ろ髪を引かれつつ、HTMLの終わりを告げている



 これをそのまま(矢印から右は除く)メモ帳にでも写して「ehehe.html」なんて名前をつけて保存すると、それだけでも(一応)HTML文書なわけで、ダブルクリックしちゃうとブラウザで表示される。
 (追記:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML~~">は下記を参照してきちんと記述しなければならない)

 ここから更にいろんなお約束を守りながら構造を整えていくのである。

 *1 スパッとあっさり理解するのはちょっと難しい。でも、HTMLには必須。「HTML文書の最初に記述する宣言」と覚えたほうが良い。下記参照のこと(逃げ再び)
参考:文書型宣言の読み方bakera.jp

この記事へのトラックバック

http://cyaimi.blog5.fc2.com/tb.php/117-4bc2a7fb

【sugar pot版 はじめてのFC2ブログカスタマイズ】#2
  • 2005/06/21
  • From : sugar pot

sugar pot手始めにsampleテンプレートのhmtlを一行ずつ見ていく。ちょっとずつね。最初はちょっとまどろっこしい。万が一、ここを参考にしてくださる方がいらっしゃるとして、FC2と関係がある部分にはマークをつけたので、駆け足の方はそこだけでも。※cyaimiさんのおサポ上手 乱暴大 ......


この記事へのコメント

 人の振り見て我が振り訂正
  • 2005/06/21
  • sugar ♦fYdA4Rtg
  • URL
  • [ 編集 ]

この表記分かりやすい!

cyaimiさん、はじめまして、
いつもサポートフォーラムの方で拝見しております。
私も似たようなことを書いたのですが、
この方がずっと分かりやすい・・・
真似させていただきます。

 はじめまして
  • 2005/06/21
  • cyaimi ♦qPsYJoI2
  • URL
  • [ 編集 ]

sugarさん、こちらこそはじめましてで、やっぱり私もフォーラムでいつも拝見しております。

> この表記分かりやすい!
ありがとうございます。
目指すところが「簡潔にHTMLを理解する」なので、ひたすら簡単・簡潔を目指しています。
なので、簡単かと思ったら大間違い。簡単でも正確にしたいので、表現を省いて不正確になってしまわない様に、四苦八苦しております。

 ゴミ出た
  • 2005/06/22
  • cyaimi ♦qPsYJoI2
  • URL
  • [ 編集 ]

何気なく本文修正した後に、FireFoxで見たらゴミ発見。
なんだろな・・・

コメント投稿フォーム

Paging Navigation

Navigations, etc.