解決！ センター化学 I ◆ Z 会出版
これだけ知ってれば，地味だけど見苦しくない程度の HTML が書けるはず。「このページの背景はクリーム色だけど作ったら灰色になっちゃったよ」「画面がパカパカ割れていろんな文書がいっぺんに出てくるページはどうやって作るの？」とかいわれそうだが今回は基礎の基礎。この辺で勘弁してくださいな。
では，これまでにでてきた「呪文」を表にまとめておこう（この表はどう作るのかって？……まぁいいじゃないですか）。
| <HTML>〜</HTML> | 「ここから〜ここまで HTML」HTML 文書の最初と最後には入れるお約束。→Section 1 |
| <HEAD>〜</HEAD> | 「ここから〜ここまでヘッダ」<HTML> の直後に書く。タイトルなどはこの中に記述する。→Section 7 |
| <TITLE>〜</TITLE> | 「ここから〜ここまでタイトル」<HEAD>〜</HEAD> の中に記述する。できれば，英数字で書くのが望ましい。→Section 7 |
| <BODY>〜</BODY> | 「ここから〜ここまで本文」本文はこれで囲んでおく。→Section 1 |
| <BR> | 「ここで改行」特別な場合以外，これを入れないと改行されない。→Section 1 |
| <P>〜</P> | 「ここから〜ここまで段落」改行を伴って「文のまとまり」をつくる。</P> は省略されることもある。→Section 1 |
| <HR> | 「ここに横線」前後は改行される。→Section 2 |
| <B>〜</B> | 「ここから〜ここまで太字」強調したいときにどうぞ。→Section 2 |
| <I>〜</I> | 「ここから〜ここまで斜体」日本語の斜体は読みずらいぞっと。→Section 2 |
| <U>〜</U> | 「ここから〜ここまで下線」何でも引き際が肝心。引きまくると見ている人まで引いてしまう。→Section 2 |
| <Hn>〜</Hn> | 「ここから〜ここまでレベル（重要さ） n の見出し」前後は改行。本文を見出し化しないように。→Section 3 |
| <UL>〜<LI>〜</UL> | 「ここから箇条書き〜項目〜ここまで箇条書き」前後と項目ごとに改行。→Section 4 |
| <OL>〜<LI>〜</OL> | 「ここから番号付き箇条書き〜項目〜ここまで番号付き箇条書き」前後と項目ごとに改行。番号は自動。→Section 4 |
| <A HREF="（URL）">〜</A> | 「ここから〜ここまでクリックされたら指定された URL へジャンプ」。→Section 5 |
| <CENTER>〜</CENTER> | 「ここから〜ここまでセンタリング」全文センタリングもまた趣がある。→Section 6 |
| <DIV ALIGN="...">〜</DIV> | 「ここから〜ここまで右寄せ・左寄せ」ALIGN="right" で「右寄せ」，ALIGN="left" で「左寄せ」，ALIGN="center" では「センタリング」。→Section 6 |
| <IMG SRC="（URL）" ALT="（文字列）"> | 「ここに URL で示された絵を挿入，もし絵が読めなかったら文字列を代わりに表示」ふつうは，GIF と呼ばれる形式の画像を入れる。あまり大きい絵を入れると表示が遅くて嫌になるぞ。→Section 8 |
じゃあ，これだけでは物足りない人にちょっとサービス。説明はちょっとだけ。
| <STRIKE>〜</STRIKE> | 「ここから〜ここまで打ち消し線」 |
| <FONT SIZE=n>〜</FONT> | 「ここから〜ここまで文字の大きさ n」n は１〜７。数が大きくなるほど大きくなる。でも，大きけりゃいいってもんじゃない。 |
| <FONT COLOR="#rrggbb">〜</FONT> | 「ここからここまで文字の色 rrggbb」rrggbb は赤・緑・青の色の要素を 16進２桁ずつ，計６桁で指定する。 |
| <BLOCKQUOTE>〜</BLOCKQUOTE> | 「ここから〜ここまで引用」前後は自動的に改行。 |
| <PRE>〜</PRE> | 「ここから〜ここまでの文書は整形済み」文字が等幅になって，<BR> を使わずに（原稿の改行の位置で）改行もされる。つまり，ほぼエディタで書いたとおりに出力される。ただし，文書がブラウザの横幅に合うよう折り返してもくれない。 |
| <DL>〜<DT>〜<DD>〜</DL> | 「ここから〜ここまで辞書的箇条書き」<UL>，<OL> に似ているが，少し難しい。<DT> が「見出し」，<DD> は「見出しに対応する文書」。 |
| <IMG SRC="（URL）" ALIGN="...">〜<BR CLEAR="..."> | 「画像を右・左に配置して文章は回り込み〜回り込み解除」ALIGN に続くのは "right"，"left"。CLEAR の後も同じものを。もちろん，ALT も指定しよう。 |
それでは，すてきなページ作りに励んでくださいな。以上。