Academic HTML Series - III

Hop step HTML

アドバンストな HTML へ

Section 1 ：見出し付き箇条書き
Section 2 ：引用
Section 3 ：整形済みテキスト
Section 4 ：フォント
Section 5 ：表組
Section 6 ：文書の途中へジャンプ
Section 7 ：タグと属性
Section 8 ：色の設定
Section 9 ：フォント－ の属性
Section 10 ：背景・文字色－ <BODY> の属性
Section 11 ：行揃えと回り込み－ ALIGN 属性
Section 12 ：水平線－ <HR> の属性
Section 13 ：箇条書きの見出し
Section 14 ：画像－ <IMG> の属性
Section 15 ：複雑な表組・その１
Section 16 ：複雑な表組・その２
Section 17 ：自動リロード・文字コード－ <META>
Section 18 ：落ち穂拾い

　Let's begin HTML で，HTML（HyperText Markup Language）は「タグ」という符号の入ったテキストファイルとして記述され，タグによって書式や文書の構造を設定していくということがおわかりいただけたと思う。そして，基本的な HTML の概念と文法が身についたのではないだろうか。
　だが，これだけでは WWW に散らばる魅力的な HTML を書くには物足りない。そこで，Let's begin HTML を卒業した人のために，もう少しアドバンストな HTMLチュートリアル "Hop step HTML" をお届けしよう。目次にあげた項目を少しずつ，身につけていこう。

<CENTER>



......



</CENTER>

　複雑な HTML を書くようになってくると，だんだんタグどうしの対応関係がごちゃごちゃしてきてしまう。これを防ぐ意味で，特別なことがない限り，もっとも近い「ここから～」のタグに対応する「～ここまで」のタグを最初に書く習慣をつけよう。たとえば右の図のように。 が より前にあったりすると，タグの対応がわからなくなることがある。ひょっとしたら，順序が変わることで意味が変わるかもしれない。たとえば表組の外で <CENTER> を指定すると表全体がセンタリングされるが，表の（セルの）中だとそのセルの中身がセンタリングされる。表の外に <CENTER> があって，表のセルの中に </CENTER> があれば，これは何か違うのではないか，くらいは直感的にわかるはず。うまく表示されなくて「？？？」となる前に，きれいに書いてすぐにチェックできるようなこの方法を強くおすすめする。

　なお，Let's try HTML と内容的に重複する部分があることをあらかじめご了承願いたい。
　それでは，ワンランク上の HTML へ Hop & step!

　本 HTML チュートリアルは基本的に W3C の HTML 3.2 Final（専門組織による HTML の規格）に準拠し，必要に応じてブラウザ独自の記述を紹介している。また，HTML 4.0 Transitional との互換性も考慮してある。本稿の HTML は HTML 3.2 に基づいて書かれているが一部 Netscape Navigator 3.0 以降，Internet Explorer 2.0 以降専用の記述をしている。HTML 3.2 逸脱部分については再現されなくても何ら内容に問題はない。

Academic HTML トップページに戻る

Presented by

二訂版：Dec. 24, 1997

Hop step HTML

CONTENTS