| 要素 |
属性・値 |
説明 |
| ＜html＞ ＜/html＞ |
----- |
html 文章の定義. |
| LANG="ja" |
文章を日本語として定義 |
| ＜head＞ ＜/head＞ |
----- |
html ファイルの情報を定義 |
| ＜title＞ ＜/title＞ |
----- |
アプリケーションバーに表示されるタイトルを設定.
head 内に書く. |
| ＜body＞ ＜/body＞ |
----- |
ページの内容を記述 |
| bgcolor="色" |
背景色を指定 |
| background="画像のURL" |
背景に画像を入れる |
| text="色" |
文章の色を指定する |
| (top bottom left right)margin="数字" |
ページの余白設定．数字はピクセル数でみなされる． |
| margin(height width)="数字" |
ページの上下，左右の余白設定．数字はピクセル数でみなされる． |
| ＜META HTTP-EQUIV="設定内容" or NAME="設定内容" CONTENT="値" /＞ |
コンピューターがページを読み込む際にこちら側の意としたように表示させるためのおまじまい.META はおまじない，HTTP-EQUIV, NAME は設定内容，CONTENT はその具体的な値を表す. head 部分に記述しなくてはならない．下の mata の欄を参照． |
＜?xml version="1.0" ?＞
＜!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"＞
＜html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"＞ |
xhtml を書く上でのおまじない. |
| 要素 |
属性・値 |
説明 |
| ＜p＞ ＜/p＞ |
----- |
段落の設定.上下に1 行ずつ空行が入る. |
| align="left, right, center,justify" |
段落のそろえ方の表示(左揃え，右揃え，中央揃え，両脇揃え) |
| ＜br /＞ |
----- |
改行 |
| clear="left, right, all" |
画像がある場合の回り込みを解除(画像が左側にあるとき，右側にあるとき，どこにあるときでも) |
| ＜nobr＞ ＜/nobr＞ |
----- |
改行しない |
| ＜hr /＞ |
----- |
水平線を表示 |
| color="色" |
水平線の色の指定 |
| ＜div＞ ＜/div＞ |
----- |
要素をまとめる |
| align="left, right, center,justify" |
段落のそろえ方の表示(左揃え，右揃え，中央揃え，両脇揃え) |
| style="background-image:url(画像の URL)" |
指定した画像を表示 |
| ＜pre＞ ＜/pre＞ |
----- |
書いたものをそのまま表示させる(改行，スペース，がそのまま反映される) |
| ＜h1＞ ＜/h1＞ |
----- |
見出しをつける.h1 -- h6 まであり，数字が小さいほど見出しの文字が大きくなる |
| align="left, right, center,justify" |
段落のそろえ方の表示(左揃え，右揃え，中央揃え，両脇揃え) |
| ＜center＞ ＜/center＞ |
----- |
テキストや表などを中央に揃える |
| ＜ul＞ ＜/ul＞ |
----- |
リストをつくる外枠.下の ＜li＞＜/li＞ と組み合わせて使う. |
| type="disc, square, circle" |
マークの指定(黒丸，四角，白丸) |
| ＜li＞ ＜/li＞ |
----- |
リスト項目(番号なし). ＜ul＞＜/ul＞の中にはさんで使う. |
| type="disc, square, circle" |
マークの指定(黒丸，四角，白丸) |
| ＜ol＞ ＜/ol＞ |
----- |
番号付きリストを作る外枠．下の ＜li＞＜/li＞ と組み合わせて使う. |
| start="番号" |
開始の番号の指定.デフォルトは 1 . |
| type="1, a, A, i, I " |
番号の種類の指定.(数字，小文字アルファベット，大文字アルファベット，小文字ローマ字，大文字ローマ字) |
| ＜li＞ ＜/li＞ |
----- |
番号付きリスト項目 |
| type="1, a, A, i, I " |
番号の種類の指定.(数字，小文字アルファベット，大文字アルファベット，小文字ローマ字，大文字ローマ字) |
| 要素 |
属性・値 |
説明 |
| ＜table＞ ＜/table＞ |
----- |
テーブルをつくる外枠 |
| align="left, right, center,justify" |
テーブルの表示位置の指定(左揃え，右揃え，中央揃え，両脇揃え) |
| background="画像の URL " |
テーブルの背景の画像指定 |
| bgcolor |
背景色の指定 |
| border="数字" |
枠線の太さの指定.ちなみにこのページの表の枠線の設定は border="1" |
| bordercolor="色" |
枠線の色の指定 |
| width="ピクセル数 or ％" |
横幅の指定 |
| height="ピクセル数 or ％" |
縦幅の指定 |
| ＜tr＞ ＜/tr＞ |
----- |
テーブルの行の設定. 1 行分をつくる. |
| align="left, right, center,justify" |
テーブルの表示位置の指定(左揃え，右揃え，中央揃え，両脇揃え) |
| bgcolor |
背景色の指定 |
| background="画像の URL " |
テーブルの背景の画像指定 |
| ＜td＞ ＜/td＞ |
----- |
テーブルの列の設定. 1 列分をつくる |
| align="left, right, center,justify" |
テーブルの表示位置の指定(左揃え，右揃え，中央揃え，両脇揃え) |
| bgcolor |
背景色の指定 |
| background="画像の URL " |
テーブルの背景の画像指定 |
| colspan="数字" |
横方向のセルの結合数の指定 |
| rowspan="数字" |
縦方向のセルの結合数の指定 |
| width="ピクセル数 or ％" |
横幅の指定 |
| height="ピクセル数 or ％" |
縦幅の指定 |
| ＜th＞ ＜/th＞ |
----- |
行・列に見出しをつける. ＜td＞ を文字を太くして，中央寄せにしたものと思っていいかと |
| align="left, right, center,justify" |
テーブルの表示位置の指定(左揃え，右揃え，中央揃え，両脇揃え) |
| bgcolor |
背景色の指定 |
| background="画像の URL " |
テーブルの背景の画像指定 |
| colspan="数字" |
横方向のセルの結合数の指定 |
| rowspan="数字" |
縦方向のセルの結合数の指定 |
| width="ピクセル数 , % " |
横幅の指定 |
| height="ピクセル数 , % " |
縦幅の指定 |
| 要素 |
属性・値 |
説明 |
| ＜frameset＞ ＜/frameset＞ |
----- |
フレームの外枠の設定 |
| rows="ピクセル数 or % or * " |
フレームの縦幅を設定. 縦に複数区切りたいときは ,(カンマ) で区切る. * は残り全部の範囲という意味. 例 -> ＜frameset rows="20%,30%,*"＞ => 縦を20%, 30%, 残り(50%) に分ける.縦に3 つのフレームができる. |
| cols="ピクセル数 or % or * " |
フレームの横幅を設定. 縦に複数区切りたいときは値を ,(カンマ) で区切る. * は残り全部の範囲という意味. |
| frameborder="yes , no " |
フレームの境界線を表示するかどうかの指定 |
| border="ピクセル数" |
境界線の幅の指定 |
| bordercolor="色" |
境界線の色の指定 |
| ＜frame /＞ |
----- |
指定したフレームに html 情報を指定 |
| src="html ページの URL" |
指定した URL をフレーム内に表示する |
| neme="適当な名前" |
指定したフレームに名前をつける |
| scrolling="yes , no , auto" |
スクロールバーをつけるかの指定 |
| frameborder="0 , 1" |
フレームの境界線の表示指定(0 : 非表示 1 : 表示) |
| ＜noframes＞ ＜/noframes＞ |
----- |
フレームに対応していないブラウザで見た時に表示される文章．フレームタグを使うなら入れておきましょう． |