八百万楽遊庵＞気楽にHTML

１．『気楽にHTML』

　これは管理人・楽遊がこれまでのWebサイト作成で身につけてきたことの覚え書きです。
　初心者〜中級者向けに、HTMLとCSSについて色々説明しています。
　ここに書いてあるものは「Internet Explorer6」・「Firefox1.0」・「Netscape7.1」にて動作確認をしています。
　また環境がWindowsのみなので、申し訳ありませんがMacを詳しくカバーすることはできません。

　もしこのページをプリントアウトする時は、かなりレイアウトが崩れることもご容赦下さい。

△TOP

２．使い方

「HTML入門」

HTMLの基本を書いています。とりあえずWindowsに標準的についている「メモ帳」を用いて作るやり方を説明しています。

「HTML頻出タグ」

HTMLで使われるタグを用途にあわせて記載・説明しています。タグはコピー&ペースト（以下コピペ）をしても使用できるようになっています。（WindowsXPにて Internet Explorer6 , Firefox1.0 , Netscape7.1でコピペ動作確認）

「フレームとDTD宣言」

フレームという方法を用いたページの作り方と、DTDという文書型定義の宣言方法についての項目です。文字コードの指定もこちらに。フレームの特徴は、数例を挙げて説明しています。

「レイアウトについて」

HTMLを使って簡単なページレイアウトの例を挙げています。また、HTMLとCSSを用いたレイアウト例もあります。
レイアウトの例は基本的な記述を用いて作っていますので、これを使ったページの構造の解説もしています。

「ブラウザについて」

インターネット閲覧ソフト（ブラウザ）についての雑感などがあります。HTMLやCSSの説明文の中にはブラウザの名前が出てくることがありますので、もしそれを知らない場合はこちらで。

「CSS入門」

CSSというHTMLと組み合わせて使用するものの基本を説明しています。このCSSを使用すると、より柔軟にWebページを作ることができます。

「CSS頻出プロパティ」

HTMLでいうタグの説明です。どのような記述で、どのようなことができるかを紹介しています。

「サイト立ち上げ用意」

Webサイトを公開するために最低限必要なものと、その他に役立つソフトウェアを簡単に紹介しています。

△TOP

３．例について

　タグやCSSの使用例は別個ページを作って説明しています。これは、ブラウザの新しいウィンドウ（以下 別窓）を開いて表示するものと、別窓を使用せずそのままページに表示するものの両方を使用しています。
　混乱させてしまうかもしれませんが、より読みやすいようにしていますのでご了承下さい。
　とりあえず、
　「複数要素が絡んだ具体的な説明」をする場合は「別窓を開いて」表示
　「そこの項目の補足的な説明」は「別窓を開かず」に表示しています。

　また、「レイアウトについて」ではその例として『DeMo.html』とタイトルがついた別窓で開くページを作成しています。この『DeMo.html』のソースはご自由に使用・加工していただいてもかまいません（解説版は除く）。
　え〜と、詳しくは＜『DeMo.html』の文章そのもの・掲載画像の使用＞は固くお断りいたしますが、＜『DeMo.html』のHTMLとCSSの記述部分＞はフリーということです。
　練習用に、またはご自分のWebページの基礎にしていただけたら光栄です。

△TOP