HTMLの基本
1 HTMLとは。
2 HTMLの基本構造 1 。
3 HTMLの基本構造 2 。
4 相対パスと絶対パス。
5 HTMLファイルの作成方法。
HTMLファイルの基本
1 ドキュメントタイプを定義する、「DOCTYPE宣言」（ドックタイプ宣言）をする。
2 最低限必要な要素。
3 ページ全体の文字色を設定する。
4 ページ全体の背景色を設定する。
5 ページ全体の背景画像を設定する。
6 コメントを入れる。
文書情報
1 タイトルを付ける。
2 文字コードを宣言する。
3 スタイルシートやスプリクトの言語を設定する。
4 キーワード・内容の紹介・制作者名を入れる。
5 基準となるＵＲＬを設定する。
6 自動的に他のページに移動させる。
7 関連する他のページを示す。
文字に関する設定
1 フォントの種類を指定する。
2 フォントサイズを絶対値で指定する。
3 フォントの基本サイズを指定する。
4 フォントサイズを相対値で指定する。
5 フォントサイズを大きくする、小さくする。
6 文字列の色を指定する
7 文字列のスタイルを指定する
8 文字列を強調表示する
9 変更履歴(後から追加したことを)を表示する
10 変更履歴(削除したことを)を表示する
11 プログラム関連のテキストを表示する
12 略語や頭文語の説明を表示する
13 文字列の表記方向を指定する
14 連絡先を表す
15 短い引用文を表す
16 長い引用文を表す
17 参照先を表す
18 説明対象の用語である事を示す
19 特別な文字を表示させる
20 文字列に振り仮名を付ける
21 文字列をスクロールさせる
レイアウト
1 改行する。
2 改行を禁止する。
3 単語の区切り。
4 空白や改行を入力したとおりに表示する。
5 見出し。
6 目的に応じて範囲を設定する。
7 段落を設定する。
8 センタリングする。
9 行揃えを指定する。
10 横罫線を入れる。
リンク
1 他のページにリンク。
2 同じページ又は他のページの特定の位置ににリンクする。
3 リンク部分の文字の色を設定する。
4 リンク先を新しいウインドウで表示する。
5 メールソフトにリンク
リストを作る
1 マーク付リストを作る
2 リストマークを変える
3 番号付きリストを作る
4 リストの番号を変える
5 リスト番号の順番を変更する。
6 用語と説明のリストを作る。
BACK→>>HTMLの基本 2 HTMLの基本構造 1。
NEXT→>>HTMLの基本 4 相対パスと絶対パス。

HTMLファイルの構成

　HTMLファイルは、文書情報を記述する「headセクション」ページの内容を記述する「bodyセクション」 から構成されています。<html><head><body>の3つのタグによってページの基本構造を定義します。Webプラウザに 表示されるのは、bodyセクションに書かれた内容で、headセクションに書かれた内容は、ページのタイトル以外は表示されません。
HTMLファイルの構成
　<html></html>は、この文書がHTMLで書かれている事を定義するもので、文書全体の最初と 最後に記述します。
HEADセクションは、<head>で始まり</head>で終わります。ページのタイトルとか文書に関する基本情報を記述します。
BODYセクションは、<body>で始まり</body>で終わります。実際にプラウザに表示される内容を記述します。
ブロックレベル要素とインライン要素
　各要素は、ブロックレベル要素とインライン要素に分類されます。また、インライン要素の中には置換え要素と 呼ばれるものも有ります。

ブロックレベル要素

その名の通りブロック（ひとつのまとまった単位）として表される要素で、見出し、段落、リスト、テーブル等が該当します。一般的に その前後は改行されます。
abbress要素blockquote要素center要素div要素dl要素
fieldest要素form要素h1〜h6要素hr要素noframes要素
ol要素p要素pre要素table要素ul要素

インライン要素

文章の一部分として含まれる要素で、リンク、強調、略語等が該当します。
a要素abbr要素acronym要素applet要素b要素
basefont要素big要素br要素button要素cite要素
code要素dfn要素em要素font要素i要素
iframe要素img要素input要素kbd要素label要素
object要素q要素s要素samp要素select要素
small要素span要素strike要素strong要素sub要素
sup要素textarea要素tt要素u要素var要素

置換え要素

インライン要素の内、表示される時に要素自体があるもので置き換わるような要素を指します。
img要素input要素object要素select要素textarea要素
色の指定方法
16進法で指定する
「#｣記号に続けてRGB(red,green,blue)の各値を二桁ずつの16進法で示します。
色の名前で指定する
HTML4.01で定義されている16色については、色名で指定できます。白の場合は「white」と言うように指定できます。この場合、 大文字小文字の区別はありません。
長さの指定方法
　線の長さや、画像やフレームの幅や高さなどを指定するには、ピクセル「px」又はパーセント「%」 の単位を使います。又アスタリク「*」を使って相対的な長さで指定する方法も有ります。ただし、ピクセルのみで指定できるもの 、ピクセルとパーセントの両方で指定できるものなど、タグによって指定できる単位が異なるため、よく確認の必要が有ります。

ピクセルでの指定

「px」は、1ピクセルを1とする単位です。ピクセル単位に整数でそのまま指定します。指定された大きさで固定され、ウィンドウの サイズに左右されません。(<hr width="100">のように)

パーセントでの指定

ウィンドウサイズを基準に、その割合を「%」で指定します。ウィンドウサイズに対する割合のため、ウィンドウサイズが変われば、 線の長さや、画像の幅等も変わります。(<hr width="50%">のように)

相対的な長さでの指定

フレームの幅のように、長さを複数に分配する場合は、アスタリク「*」を使って「残り全部」と言う指定が出来ます。(<frameset cols="100,*">のように)
表を作る
1 表の基本形
2 表の大きさを設定する
3 表タイトルを設定する
4 セルの大きさを設定
5 セルを統合する
6 セルとセルの間隔を指定
7 セルの枠と内容との間隔を指定
8 表やセルに背景色を設定
9 表やセルに背景画像を設定
10 表の外枠の太さを設定
11 表の外枠の表示形式を設定
12 表のセルの表示形式を設定
13 表の行をグループ化する
簡単相互リンクツールtoo-search

相互リンク募集や、お友達のページ紹介、自分のお気に入りサイトを登録できる無料の検索エンジンツール。

登録を募集すれば色んなサイトとのつながりもでき、アクセスアップにも効果抜群。

今すぐ登録！