●LESSON⇒ menu ●HTML⇒ 01tag> 02sample ●CSS⇒ 01box> 02font-text> 03background> 04outline> 05table> 06iframe> 07hack> 08sample

HTMLリファレンス (ABC順)
№00: all №01:ABC順のA、B №02:ABC順のC、D №03:ABC順のE、F №04:ABC順のG、H
№05:ABC順のI、J №06:ABC順のK、L №07:ABC順のM、N №08:ABC順のO、P №09:ABC順のQ、R №10:ABC順のS、T №11:ABC順のU、V
№12:ABC順のW、X №13:ABC順のY、Z №14Other-----------------------

★Lesson⇒ menu ★html_Lesson⇒ 01Spell Lesson> 02sample ★css_Lesson⇒ 01Spell Lesson№1> 02Spell Lesson№2> 03sample

HTMLとSpell Lesson


《01.ページ基本構造》
01:01.<html>
02:02.<head>
03:03.<title>
04:04.<body>
05:05.<link>
06:06.<hr>
07:07.<!-- ~ -->
《02.DOCTYPE宣言文》
08:01.<!DOCTYPE>
《03.META》
09:01.<meta>
《04.CSS・JS記載例》
10:1701.<style>
11:1802.<script>
《05.フォント・テキスト》
12:01.<big>
13:02.<small>
14:03.<b>
15:04.<i>
16:05.<tt>
17:06.<em>
18:07.<strong>
19:08.<h1>-<h6>
20:09.<p>
BOX1
01:
02:
03:
04:
05:
06:
07:
08:
09:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
BOX2
21:10.<br>
22:11.<address>
23:12.<del>
24:13.<ins>
25:14.<abbr>
26:15.<acronym>
27:16.<dfn>
28:17.<sup>
29:18.<sub>
30:19.<blockquote>
31:20.<q>
32:21.<cite>
33:22.<pre>
34:23.<code>
35:24.<var>
36:25.<kbd>
37:26.<samp>
《06.リスト》
38:01.<ul>
39:02.<ol>
40:03.<li>
BOX3
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
BOX4
41:04.<dl>
42:05.<dt>
43:06.<dd>
《07.テーブル》
44:01.<table>
45:02.<tr>
46:03.<th>
47:04.<td>
48:05.<caption>
49:06.<thead>
50:07.<tfoot>
51:08.<tbody>
52:09.<colgroup>
53:10.<col>
《08.フレーム》
54:01.<frameset>
55:02.<frame>
56:03.<noframes>
57:04.<iframe>
《09.画像》
58:01.<img>
《10.リンク》
59:01.<a>
60:02.<map>
BOX5
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
BOX6
61:03.<area>
62:04.<base>
《11.フォーム》
63:01.<form>
64:02.<label>
65:03.<fieldset>
66:04.<legend>
67:05.<input>
68:06.<textarea>
69:07.<select>
70:08.<option>
71:09.<optgroup>
72:10.<button>
《12.汎用属性》
73:01.id属性
74:02.class属性
75:03.lang属性
76:04.title属性
77:05.style属性
78:06.dir属性
BOX7
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
BOX8

HTMLの検索
■ 検索する項目はプロパティ名です。 【 チェック⇒ プロパティ名 】
■ キー・ワードを入力してください。 【 チェック⇒ :含むもの 例:widthを検索する場合
キー・ワード入力「 width 」「 wi 」「 w」 「 h 」などのいずれか入力----------------------- 【 キー・ワード入力⇒  】

HTMLタグの正解率

№01№02№03№04№05№06№07№08№09№10

№11№12№13№14№15№16№17№18№19№20

№21№22№23№24№25№26№27№28№29№30

№31№32№33№34№35№36№37№38№39№40

№41№42№43№44№45№46№47№48№49№50

№51№52№53№54№55№56№57№58№59№60

№61№62№63№64№65№66№67№68№69№70

№71№72№73№74№75№76№77№78№79№80

№01№02№03№04№05№06№07№08№09№10
№11№12№13№14№15№16№17№18№19№20
№21№22№23№24№25№26№27№28№29№30
№31№32№33№34№35№36№37№38№39№40
№41№42№43№44№45№46№47№48№49№50
№51№52№53№54№55№56№57№58№59№60
№61№62№63№64№65№66№67№68№69№70
№71№72№73№74№75№76№77№78№79№80●解答78問中..問  ★正解率0%
項目解説備考

全データ

項目解説備考
1 01cssハック ◆◆◆HTMLリファレンス :ABC順のA、B◆◆◆
1 01cssハック CSSハック CSSハックのサンプルコードです
1 →cssハック IE6ハック …CSSハック
1 →cssハック IE7ハック …CSSハック
1 →cssハック IE6ハック(Valid)
1 →cssハック * html #IE6 { }
1 →cssハック サンプルコード
1 →cssハック CSS
1 →cssハック * html p { color: #777777; }
1 →cssハック IE7ハック(Valid)
1 →cssハック *:first-child + html #IE7 { }
1 →cssハック サンプルコード
1 →cssハック CSS
1 →cssハック *:first-child + html p { color: #777777; }
1 →cssハック
2 02css(詳細) ◆◆◆:ABC順のC、D◆◆◆
2 →css(詳細) *CSS(スタイルシート)の定義 基本的な定義方法は、セレクタ{属性:値}と記述します。例えば、

タグに文字色青を設定する場合は以下のように記述します。

2 →css(詳細) p { color: #0000ff }
2 →css(詳細) また、1つのセレクタに複数の属性を定義することもできます。属性と属性の区切りには「;」を使用します。
2 →css(詳細) 例えば、

タグに文字色とフォントサイズを設定する場合は以下のように記述します。

2 →css(詳細) p {
2 →css(詳細) color: #0000ff; /*文字の色を青にする*/
2 →css(詳細) font-size: 1.5em; /*フォントサイズを1.5倍にする*/
2 →css(詳細) }
2 →css(詳細)
2 →css(詳細) *途中で入力した半角スペースや改行、タブはブラウザには反映されませんので、後で見たときにわかりやすい記述にするとよいでしょう。コメントを記述するのもよい方法です。CSSでのコメントは「/*」「*/」を使用し間にコメントを記述します。また、最後に設定した属性には区切りの「;」を記述する必要はありませんが、記述もれをなくすために常に記述するクセをつけるのもよいでしょう。
2 →css(詳細) 複数設定
2 →css(詳細) "同じスタイルを複数のセレクタに設定:セレクタ名を「,」で区切ります。"
2 →css(詳細) "h1,h2 {"
2 →css(詳細) color: #0000ff;
2 →css(詳細) }
2 →css(詳細)
2 →css(詳細) *タグ(HTML内)に複数のセレクタを設定:セレクタ名を「スペース」で区切ります。
2 →css(詳細) 記述例(CSS)
2 →css(詳細) .mojicolor {
2 →css(詳細) color: #0000ff;
2 →css(詳細) }
2 →css(詳細) .mojisize {
2 →css(詳細) font-size: 1.5em;
2 →css(詳細) }
2 →css(詳細) 記述例(HTML)
2 →css(詳細) "

"

2 →css(詳細) *セレクタ 基本セレクタ:
タグや

タグ、

タグ等。例えば、

タグに文字色青を設定した場合、HTML文書内すべてに記述されている

タグに反映され、青色で表示されます。

2 →css(詳細)
2 →css(詳細) p {
2 →css(詳細) color: #0000ff;
2 →css(詳細) }
2 →css(詳細)
2 →css(詳細) *IDセレクタ:ID名を定義します。定義方法は、ID名の前に「#」を付け、#ID名{属性:値}もしくは、基本セレクタ名#ID名{属性:値}と記述します。(基本セレクタ名と組み合わせて定義した場合は、組み合わせた要素に対してのみ有効です。)定義したIDは、1つのHTML文書内で1回しか使用できません。
2 →css(詳細) 記述例(CSS)
2 →css(詳細) #font-bule {
2 →css(詳細) color: #0000ff;
2 →css(詳細) }
2 →css(詳細) 記述例(HTML)
2 →css(詳細) "

"

2 →css(詳細)
2 →css(詳細) *CLASSセレクタ:CLASS名を定義します。定義方法は、CLASS名の前に「.」を付け、.CLASS名{属性:値}もしくは、基本セレクタ名.CLASS名{属性:値}と記述します。(基本セレクタ名と組み合わせて定義した場合は、組み合わせた要素に対してのみ有効です。)定義したCLASSは、複数の要素に使用することが可能です。
2 →css(詳細) 記述例(CSS)
2 →css(詳細) .back-bule {
2 →css(詳細) background-color: #0000ff;
2 →css(詳細) }
2 →css(詳細) 記述例(HTML)
2 →css(詳細) "

"

2 →css(詳細) 擬似クラス:タグ等、文章の設定とは関係のない要素を設定します。定義方法は、既に決められている予約語を組み合わせます。タグには、4つの予約語があります。
2 →css(詳細)
2 →css(詳細) *link:HTML文書内のタグで設定しているリンク先を、まだ訪れていない(キャッシュが残っていない)場合のスタイルを設定します。
2 →css(詳細) a:link { /*①*/
2 →css(詳細) color: #008000;
2 →css(詳細) }
2 →css(詳細) visited:HTML文書内のタグで設定しているリンク先を、訪れている(キャッシュが残っている)場合のスタイルを設定します。
2 →css(詳細) a:visited { /*②*/
2 →css(詳細) color: #ffff00;
2 →css(詳細) }
2 →css(詳細) hover:HTML文書内のタグで設定しているリンク先に、カーソルをのせている場合のスタイルを設定します。
2 →css(詳細) a:hover { /*③*/
2 →css(詳細) color: #ff0000;
2 →css(詳細) }
2 →css(詳細) active:HTML文書内のタグで設定しているリンク先を、クリックしている場合のスタイルを設定します。
2 →css(詳細) a:active { /*④*/
2 →css(詳細) color: #0000ff;
2 →css(詳細) }
2 →css(詳細)
3 01a_css(ABC順) ◆◆◆:ABC順のE、F◆◆◆
3 →a_css(ABC順)
3 02b_css(ABC順) background(背景)...背景に関する設定をまとめて指定します
3 →b_css(ABC順) background-attachment(背景)...背景に関する設定をまとめて指定します
3 →b_css(ABC順) background-color(背景)...背景色を指定します
3 →b_css(ABC順) background-color(罫線)...罫線の背景色を指定します
3 →b_css(ABC順) background-color(リンク)...リンクの背景色を指定します
3 →b_css(ABC順) background-color(テーブル)...テーブル、セルの背景色を指定します
3 →b_css(ABC順) background-color(フレーム)...インラインフレームの背景色を指定します
3 →b_css(ABC順) background-color(フォーム)...部品の背景色を指定します
3 →b_css(ABC順) background-image(背景)...背景画像を指定します
3 →b_css(ABC順) background-image(罫線)...罫線の背景画像を指定します
3 →b_css(ABC順) background-image(テーブル)...テーブル、セルの背景画像を指定します
3 →b_css(ABC順) background-image(フレーム)...インラインフレームの背景画像を指定します
3 →b_css(ABC順) background-position(背景)...背景画像の表示開始位置を指定します
3 →b_css(ABC順) background-repeat(背景)...背景画像のリピートを指定します
3 →b_css(ABC順) border(ボーダー)...ボーダーに関する設定をまとめて指定します
3 →b_css(ABC順) border(罫線)...罫線のボーダーを指定します
3 →b_css(ABC順) border(画像)...画像のボーダーを指定します
3 →b_css(ABC順) border(テーブル)...テーブル、セルのボーダーを指定します
3 →b_css(ABC順) border(フレーム)...インラインフレームのボーダーを指定します
3 →b_css(ABC順) border(フォーム)...部品のボーダーを指定します
3 →b_css(ABC順) border-bottom(リンク)...リンクの下線を指定します
3 →b_css(ABC順) border-collapse(テーブル)...セルのボーダー表示の仕方を指定します
3 →b_css(ABC順) border-color(ボーダー)...ボーダーの色を指定します
3 →b_css(ABC順) border-spacing(テーブル)...セルのボーダー間隔を指定します
3 →b_css(ABC順) border-style(ボーダー)...ボーダーのスタイルを指定します
3 →b_css(ABC順) border-width(ボーダー)...ボーダーの太さを指定します
3 →b_css(ABC順)
4 03c_css(ABC順) ◆◆◆ABC順のG、H◆◆◆
4 03c_css(ABC順) caption-side(テーブル)...テーブルのキャプションの位置を指定します
4 →c_css(ABC順) clear(ボックス)...回り込みを解除します
4 →c_css(ABC順) clip(画像)...ブロックを切抜き表示します
4 →c_css(ABC順) color(フォント・テキスト)...文字色を指定します
4 →c_css(ABC順) color(リンク)...リンクの文字色を指定します
4 →c_css(ABC順) content(フォント・テキスト)...内容を挿入します
4 →c_css(ABC順) content/quotes(フォント・テキスト)...内容を挿入し、引用符を設定します
4 →c_css(ABC順) CSSハック...CSSハックのサンプルコードです
4 →c_css(ABC順) cursor(カーソル)...カーソルの形状を指定します
4 →c_css(ABC順)
4 04d_css(ABC順) direction(フォント・テキスト)...文字表記の方向を指定します
4 →d_css(ABC順) display(ボックス)...要素の表示形式を指定します
4 →d_css(ABC順)
5 05e_css(ABC順) ◆◆◆ABC順のI、J◆◆◆
5 05e_css(ABC順) empty-cells(テーブル)...空白セルのボーダーの表示・非表示を指定します
5 →e_css(ABC順)
5 06f_css(ABC順) float(ボックス)...左または右に寄せて配置します
5 →f_css(ABC順) font(フォント・テキスト)...フォントに関する設定をまとめて指定します
5 →f_css(ABC順) font-family(フォント・テキスト)...フォントの種類を指定します
5 →f_css(ABC順) font-size(フォント・テキスト)...サイズを指定します
5 →f_css(ABC順) font-style(フォント・テキスト)...イタリック体・斜体を指定します
5 →f_css(ABC順) font-variant(フォント・テキスト)...フォントをスモールキャップにします
5 →f_css(ABC順) font-weight(フォント・テキスト)...太さを指定します
5 →f_css(ABC順)
6 07g_css(ABC順) ◆◆◆ABC順のK、L◆◆◆
6 07g_css(ABC順)
6 →g_css(ABC順)
6 08h_css(ABC順) height(ボックス)...高さを指定します
6 →h_css(ABC順)
7 09i_css(ABC順) ◆◆◆ABC順のM、N ◆◆◆
7 09i_css(ABC順)
7 →i_css(ABC順)
7 10j_css(ABC順)
7 →j_css(ABC順)
8 11k_css(ABC順) ◆◆◆ABC順のO、P◆◆◆
8 11k_css(ABC順)
8 →k_css(ABC順)
8 12l_css(ABC順) letter-spacing(フォント・テキスト)...文字の間隔を指定します
8 →l_css(ABC順) line-height(フォント・テキスト)...行の高さを指定します
8 →l_css(ABC順) list-style(リスト)...マーカーに関する設定をまとめて指定します
8 →l_css(ABC順) list-style-image(リスト)...マーカー画像を指定します
8 →l_css(ABC順) list-style-position(リスト)...マーカーの表示位置を指定します
8 →l_css(ABC順) list-style-type(リスト)...マーカー文字の種類を指定します
8 →l_css(ABC順)
9 13m_css(ABC順) ◆◆◆:ABC順のQ、R◆◆◆
9 13m_css(ABC順) margin(ボックス)...マージンを指定します
9 →m_css(ABC順) min-height(ボックス)...高さの最小値を指定します
9 →m_css(ABC順) min-width(ボックス)...幅の最小値を指定します
9 →m_css(ABC順) max-height(ボックス)...高さの最大値を指定します
9 →m_css(ABC順) max-width(ボックス)...幅の最大値を指定します
9 →m_css(ABC順)
9 14n_css(ABC順)
9 →n_css(ABC順)
10 15o_css(ABC順) ◆◆◆ABC順のS、T ◆◆◆
10 15o_css(ABC順) outline(フォーム)...部品のアウトラインを指定します
10 →o_css(ABC順) outline(アウトライン)...アウトラインに関する設定をまとめて指定します
10 →o_css(ABC順) outline(リンク)...リンクアウトラインを指定します
10 →o_css(ABC順) outline-color(アウトライン)...アウトラインの色を指定します
10 →o_css(ABC順) outline-style(アウトライン)...アウトラインのスタイルを指定します
10 →o_css(ABC順) outline-width(アウトライン)...アウトラインの太さを指定します
10 →o_css(ABC順) overflow(ボックス)...はみ出した内容の表示方法を指定します
10 →o_css(ABC順)
10 16p_css(ABC順) padding(ボックス)...パディングを指定します
10 →p_css(ABC順) padding(テーブル)...セル内のパディングを指定します
10 →p_css(ABC順) page-break-after(印刷)...印刷の改ページ箇所を指定します
10 →p_css(ABC順) page-break-before(印刷)...印刷の改ページ箇所を指定します
10 →p_css(ABC順) position(ボックス)...ボックスレイアウトを指定します
10 →p_css(ABC順) position(リンク)...リンクの位置を指定します
10 →p_css(ABC順)
11 17q_css(ABC順) ◆◆◆ABC順のU、V◆◆◆
11 17q_css(ABC順)
11 →q_css(ABC順)
11 18r_css(ABC順)
11 →r_css(ABC順)
12 19s_css(ABC順) ◆◆◆ABC順のW、X ◆◆◆
12 19s_css(ABC順)
12 →s_css(ABC順)
12 20t_css(ABC順) table-layout(テーブル)...テーブルの表示方法を指定します
12 →t_css(ABC順) text-align(フォント・テキスト)...位置・均等割付を指定します
12 →t_css(ABC順) text-align/margin(罫線)...罫線の位置を指定します
12 →t_css(ABC順) text-align/vertical-align(テーブル)...横位置・縦位置を指定します
12 →t_css(ABC順) text-decoration(フォント・テキスト)...テキストの装飾を指定します
12 →t_css(ABC順) text-decoration(リンク)...リンクの装飾を指定します
12 →t_css(ABC順) text-indent(フォント・テキスト)...インデントの幅を指定します
12 →t_css(ABC順) text-transform(フォント・テキスト)...大文字、小文字を指定します
12 →t_css(ABC順)
13 21u_css(ABC順) ◆◆◆ABC順のY、Z ◆◆◆
13 21u_css(ABC順) unicode-bidi(フォント・テキスト)...Unicodeの文字表記の方向を上書きします
13 →u_css(ABC順)
13 22v_css(ABC順) vertical-align(フォント・テキスト)...縦方向の位置を指定します
13 →v_css(ABC順) vertical-align(画像)...画像の縦方向の位置を指定します
13 →v_css(ABC順) visibility(ボックス)...ボックスの表示・非表示を指定します
13 →v_css(ABC順) visibility(テーブル)...テーブルの行または行の表示・非表示を指定します
13 →v_css(ABC順)
14 23w_css(ABC順) ◆◆◆Other◆◆◆
14 23w_css(ABC順) white-space(フォント・テキスト)...スペース、タブ、改行の仕方を指定します
14 →w_css(ABC順) white-space(テーブル)...セル内のスペース、タブ、改行の仕方を指定します
14 →w_css(ABC順) width(ボックス)...幅を指定します
14 →w_css(ABC順) width/height(罫線)...罫線の幅・高さを指定します
14 →w_css(ABC順) width/height(テーブル)...テーブル、セルの幅・高さを指定します
14 →w_css(ABC順) width/height(フレーム)...インラインフレームの幅・高さを指定します
14 →w_css(ABC順) width/height(フォーム)...部品の幅・高さを指定します
14 →w_css(ABC順) word-spacing(フォント・テキスト)...単語の間隔を指定します
14 →w_css(ABC順)
14 24x_css(ABC順)
14 →x_css(ABC順)