ウェブサイトでも紹介したように、 HTML(エイチティエムエル、HyperText Markup Language)はウェブサイトの基本です。 HTMLはマークアップ言語ですが、プログラミング言語のように複雑ではありませんので、 比較的簡単に短時間で理解することができると思います。 HTMLさえ完全に理解してしまえば、 テキストエディタでサクサクとウェブサイトが作れるでしょうし、 ウェブオーサリングソフトを使っていても困ることは少ないでしょう。 また、CGIでも表示部分はHTMLなので簡単なカスタマイズはできるようになります。 ぜひHTMLをマスターしてください。ここでは簡単な紹介をします。 また、装飾(色などのデザイン)についてはCSSを参照してください。 具体的なテクニックについてはFAQを参考にしてください。
基本的な雛形は下記の通りです。 内容をカッコ付きの決められた開始タグと終了タグで囲むことでマークアップしています。 また、文書の先頭にはDOCTYPE宣言(文書型宣言)の記述が必要です。 DOCTYPE宣言とは、従った文書のバージョンと文書型定義(DTD)を宣言するもので、 ブラウザはDOCTYPEスイッチという機能で宣言を基に表示モードを切り替えています。タイトル - ホームページの基礎知識 本文
DOCTYPE宣言一覧
- HTML 3.2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">- HTML 4.0 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/html40/strict.dtd">- HTML 4.0 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html/40/loose.dtd">- HTML 4.0 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN" "http://www.w3.org/TR/REC-html40/frameset.dtd">- HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">- HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">- HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">DOCTYPEスイッチ一覧
DOCTYPE IE 6 IE 7 Firefox Safari Opera なし or HTML3.2以前 互換 互換 互換 互換 互換 HTML 4.0 Strict 標準 標準 標準 標準 標準 HTML 4.0 Transitional 標準 標準 標準 標準 標準 HTML 4.0 Frameset 標準 標準 標準 標準 標準 HTML 4.01 Strict 標準 標準 標準 標準 標準 HTML 4.01 Transitional 標準 標準 ほぼ標準 ほぼ標準 標準 HTML 4.01 Frameset 標準 標準 標準 標準 標準 ※システム識別子あり(上記のようにDTD外部ファイルを指定)の場合
- The W3C Markup Validation Service W3Cによるバリデーションツール。
- Another HTML-lint gateway HTMLの文法チェック。
- HTML要素 - Wikipedia 要素の解説。
- タグの絵本 HTMLなどの解説。
- とほほのWWW入門 HTML、CSSを詳細に解説。
- みんなのタグ辞書/HTMLタグ辞書 HTMLタグの解説。
- すぐひける・よくわかるHTMLハンドブック 有名なとほほのWWW入門の書籍版です。
- HTML/XHTML&スタイルシートレッスンブック HTML、XHTML、CSSがよく分かります。
- セマンティック HTML/XHTML 情報を明示的に記述するアプローチについて。