HOME

初級者のための初級者による
HTMLタグ一覧 | FAQ FAQ | サイトマップ サイトマップ | お問い合わせ お問い合わせ
ホームページの作り方講座
ホームページの作り方>HTMLを編集しよう
ホームページ作りの準備
1. ホームページとは?
2. ホームページの構造
3. ホームページ作りの手順
4. スペースの用意
5. ソフトウェアの用意
6. 素材の用意

ホームページの作り方
1. サンプルを作ってみよう
2. HTMLを編集しよう
A. 基本構造
B. 文字を装飾
C. レイアウト
D. 表組
E. 背景
F. 画像を貼りつける
G. リンクをはる
H. 禁則文字
I. HTMLファイル
3. データを転送しよう

ちょっと差のつくテクニック
1. ちょっと便利なHTML
2. JavaScript で遊ぼう
3. 掲示板で盛りあがろう
4. iモードのホームページ

要チェックな参考資料集
1. 参考ページリンク集
2. ホームページタブー20
3. 参考になる書籍集
4. その他お役立ちリンク集


簡単!ホームページの作り方

HTMLを編集しよう

HTML では、タグと呼ばれる記号を利用することで、ブラウザーに文字や画像を表示するわけですが、このタグの基本的な特徴として、

  1. 装飾する部分を開始する部分と終了する部分の 2 つが対になって機能し (例外はあります)、
  2. あらゆるプラットホーム (Windows95/98 でも Mac でも) に対応しており、
  3. タグで使われる文字の小文字と大文字の別はあまり気にしない。

という事が挙げられます。

ただ、最近では、Internet Explorer 専用のタグや i モード専用のタグなど特定のブラウザーにしか対応していないタグが多数出現しています。ですが、ここでは、できるだけ多くの方に見ていただけるホームページを作れるように、できる限りあらゆるブラウザーに対応したタグをご紹介してまいります。もし、あなたが、特定のブラウザーにしか対応していないタグを使ったとしても、対応していないタグはブラウザーが無視しますので、その部分以外はきちんと表示されます。

前置きが長くなってしまいましたが、早速 HTML の解説とをしてまいります。ここで紹介するタグは、基本ですし、それほど難しくはありません。みなさん、頑張って覚えてください。

A. 基本構造 基本的な構造を作る
B. 文字を装飾 I. 見出しの指定
II. 大きさの指定
III. 色の指定
IV. フォント種類の指定
V. 全てを一度に指定
VI. その他の装飾方法
C. レイアウト I. 表示位置の設定
II. 罫線 (区切り線)
D. 表組 I. 基本(1)
II. 基本(2)
E. 背景 I. 背景に色を付ける
II. 背景に画像を使う
F. 画像を貼りつける 画像を貼りつける
【参考】GIF と JPEG について
G. リンクをはる I. 他のファイルへと移動する
II. ページ内の別の場所へ移動する
H. 禁則文字 使ってはいけない文字
ファイルを作成する
H. HTML ファイル

形式を指定して保存

以上の解説でわからかなった、という方も、下に紹介する書籍がとても参考になりますので、もしよろしければ、ご参照ください。
HTML&CSSビジュアル・リファレンス
ホームページを作るにあたって理解することが必要な「HTML」とさらに進んだ「CSS」の辞典です。これからホームページ作りを始めようというかたはもとより、すでにホームページを持っている方も、HTMLの理解をよりいっそう深めるのに役立つ一冊です。Internet ExplorerやNetscapeNavigatorなどの各種ブラウザー対応しており、各タグの対応状況もひと目でわかるよう構成されています。HTML4.01の規格に関する情報もありますので、正しい文法で書かれたホームページの作成にも役立ちます。iモード用のCHTML(コンパクトHTML)も解説されています。

TOP ↑
・広告掲載・リンクのご要望はお問い合わせフォームよりお願いいたします。→お問い合わせフォーム
・ホームページ作りの基本編を、オフラインでも、印刷して手元でも読めるテキストブックにしました→テキストブックのダウンロード
©初級者のための初級者によるホームページの作り方講座 since 1997