出題範囲
- サーティファイTOP
- Web利用・技術認定委員会
- Webクリエイター能力認定試験
- 試験について
- 出題範囲（HTML4.01対応版）
出題範囲（HTML4.01対応版）
出題範囲
※受験時に使用するHTMLファイル、CSSファイルにおいて、あらかじめ以下の内容がソースに記述されている場合があります。
| 記述 対象 |
意味・用途 | 記述例 |
|---|---|---|
| HTML | 文書型宣言 | <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
| 付加情報指定 | <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> |
|
| コメント | <!-- コメント本文 --> | |
| CSS | 文字コードセット指定 | @charset "Shift_JIS"; |
| コメント | /* コメント本文 */ |
HTML：要素一覧
| 科目 | |||||
|---|---|---|---|---|---|
| 項目 | 要素 | 属性 | 機能 | 初級 | 上級 |
| 一般定義 | |||||
HTML文書指定 |
<html> |
HTML文書であることの明示 |
○ |
○ |
|
ヘッダー情報 |
<head> |
ページタイトルやサーバー等が利用する情報を指定 |
○ |
○ |
|
タイトル |
<title> |
ページタイトルを指定 |
○ |
○ |
|
ページ本文 |
<body> |
ページとして表示される内容を指定 |
○ |
○ |
|
| 文字装飾 | |||||
見出し |
<h1>～<h6> |
見出しの指定 |
○ |
○ |
|
文字列のスタイル |
<strong> |
より強い強調 |
○ |
○ |
|
<b> |
太字 |
○ |
○ |
||
<i> |
イタリック |
○ |
○ |
||
<sup> |
上付き文字 |
|
○ |
||
<sub> |
下付き文字 |
|
○ |
||
整形テキスト |
<pre> |
改行や空白など入力されたままの状態で表示 |
|
○ |
|
特殊文字 |
＆エンティティ名; |
|
○ |
○ |
|
| 仕切り | |||||
段落 |
<p> |
|
段落を作成 |
○ |
○ |
<br> |
|
段落を作成しない改行 |
○ |
○ |
|
水平線 |
<hr> |
|
水平線（区切り線）を指定 |
○ |
○ |
| リンク | |||||
他サイトへのリンク |
<a> |
|
リンクの作成 |
○ |
○ |
href |
サイトのURLを指定/マーカー指定 |
○ |
○ |
||
href="mailto: |
HTML文書内にメールを送信するホットテキストの設定 |
○ |
○ |
||
name |
HTML文書内にマーカー名を指定 |
○ |
○ |
||
| イメージ/マルチメディア | |||||
インラインイメージの表示 |
<img> |
|
指定したイメージデータをインライン表示 |
○ |
○ |
src |
表示するイメージファイルのURLを指定 |
○ |
○ |
||
alt |
イメージの代替文字 |
○ |
○ |
||
width |
イメージの幅 |
○ |
○ |
||
height |
イメージの高さ |
○ |
○ |
||
usemap |
クライアントサイドクリッカブルマップ |
|
○ |
||
マップデータの作成 |
<map> |
|
クライアントサイドクリッカブルマップで利用するマップデータを作成 |
|
○ |
name |
マップ名の設定 |
|
○ |
||
クリック位置と |
<area> |
|
クライアントサイドクリッカブルマップ上の位置とクリックしたときのリンク先を設定 |
|
○ |
shape |
クリックするエリアの形状を指定 |
|
○ |
||
coords |
クリックするエリアの座標を設定 |
|
○ |
||
href |
ハイパーリンク先 |
|
○ |
||
alt |
代替文字 |
|
○ |
||
埋め込みオブジェクト |
<object> |
|
ActiveXコントロールを表示する |
|
○ |
data |
オブジェクトファイルのURL |
|
○ |
||
type |
データのMIMEタイプ |
|
○ |
||
width |
オブジェクトの幅 |
|
○ |
||
height |
オブジェクトの高さ |
|
○ |
||
<param> |
|
ActiveXコントロールにデータを渡す |
|
○ |
|
name |
パラメータの名前を指定 |
|
○ |
||
value |
渡すデータを指定 |
|
○ |
||
| リスト | |||||
行頭記号付きリスト |
<ul> |
行頭記号をつけたリストの作成 |
○ |
○ |
|
番号付きリスト |
<ol> |
番号付きリストの作成 |
○ |
○ |
|
リスト項目 |
<li> |
リスト項目の指定 |
○ |
○ |
|
| テーブル | |||||
テーブルの定義 |
<table> |
|
テーブルの定義 |
○ |
○ |
border |
枠線の追加/枠線の幅（枠線の3D効果） |
○ |
○ |
||
cellpadding |
枠線とセル内容との間隔 |
|
○ |
||
cellspacing |
各セル間の間隔 |
|
○ |
||
width |
テーブル全体の横幅 |
○ |
○ |
||
<tr> |
|
テーブル組の行を定義 |
○ |
○ |
|
align |
セル内容の水平方向位置 |
○ |
○ |
||
valign |
セル内容の垂直方向位置 |
○ |
○ |
||
<th> |
|
見出しセルの定義 |
○ |
○ |
|
align |
セル内容の水平方向位置 |
○ |
○ |
||
valign |
セル内容の垂直方向位置 |
○ |
○ |
||
rowspan |
複数行に渡るセル |
|
○ |
||
colspan |
複数列に渡るセル |
|
○ |
||
<td> |
|
データセルの定義 |
○ |
○ |
|
align |
セル内容の水平方向位置 |
○ |
○ |
||
valign |
セル内容の垂直方向位置 |
○ |
○ |
||
rowspan |
複数行に渡るセル |
|
○ |
||
colspan |
複数列に渡るセル |
|
○ |
||
<caption> |
|
テーブルにタイトルを付加 |
○ |
○ |
|
| フォーム | |||||
フォームの定義 |
<form> |
|
フォームの定義 |
|
○ |
action |
実行するCGIのURLまたはメールアドレス |
|
○ |
||
method |
サーバーに渡すデータのメソッド |
|
○ |
||
enctype |
データを個別のファイルとして送信 |
|
○ |
||
<input> |
|
入力エリアやボタンの表示 |
|
○ |
|
type |
表示/実行形式の選択 |
|
○ |
||
name |
入力したデータを引き渡すときのフィールド名の指定 |
|
○ |
||
value |
データの初期値/送信データ |
|
○ |
||
size |
テキストボックスの横幅 |
|
○ |
||
maxlength |
最大入力文字数 |
|
○ |
||
checked |
チェックボックス、ラジオボタンにあらかじめチェックをつける |
|
○ |
||
src |
表示するイメージファイルのURL |
|
○ |
||
<select> |
|
選択リストの作成 |
|
○ |
|
name |
選択された項目内容を引き渡すときのリスト名 |
|
○ |
||
size |
フィールド型リストの作成 |
|
○ |
||
multiple |
複数選択を可能にする |
|
○ |
||
<option> |
|
選択項目指定 |
|
○ |
|
selected |
選択済みの指定 |
|
○ |
||
value |
選択値 |
|
○ |
||
<textarea> |
|
テキストボックスフィールドの作成 |
|
○ |
|
name |
項目内容を引き渡すときのボックス名を指定 |
|
○ |
||
rows |
入力ボックスフィールドの高さ |
|
○ |
||
cols |
入力ボックスフィールドの幅 |
|
○ |
||
| スタイルシート関連 | |||||
別の文書との関係を指定 |
<link> |
|
別の文書との関係を指定 |
○ |
○ |
rel |
参照元の文書と参照先の文書との関係 |
○ |
○ |
||
href |
「.css」ファイルのURL |
○ |
○ |
||
type |
参照先の文書のタイプを指定（CSSはtext/css） |
○ |
○ |
||
スタイルシートを表す |
<style> |
|
スタイルシートを表す |
○ |
○ |
type |
スタイルシートの言語を指定（CSSはtext/css） |
○ |
○ |
||
要素のグループ化 |
<div> |
要素のグループ化（ブロックレベル要素） |
○ |
○ |
|
style |
スタイルシートを指定 |
○ |
○ |
||
class |
クラスを指定 |
○ |
○ |
||
id |
文書中で一意の名前を指定 |
○ |
○ |
||
<span> |
|
要素のグループ化（インライン要素） |
○ |
○ |
|
style |
スタイルシートを指定 |
○ |
○ |
||
class |
クラスを指定 |
○ |
○ |
||
id |
文書中で一意の名前を指定 |
○ |
○ |
||
スタイルシート、クラスの指定 |
HTMLタグ（<h1>、<p>など） |
|
|
○ |
○ |
style |
スタイルシートを指定 |
○ |
○ |
||
class |
クラスを指定 |
○ |
○ |
||
id |
文書中で一意の名前を指定 |
○ |
○ |
||
CSS：プロパティ一覧
| 科目 | ||||
|---|---|---|---|---|
| 項目 | プロパティ | 値 | 初級 | 上級 |
| テキスト | ||||
文字色の指定 |
color |
#RRGGBB / rgb( ) / 色名 |
○ |
○ |
水平方向位置 |
text-align |
left / center / right / justify |
○ |
○ |
文字装飾 |
text-decoration |
underline / line-through / none |
○ |
○ |
インデント |
text-indent |
数値+単位 / パーセント |
|
○ |
垂直方向位置 |
vertical-align |
baseline / sub / super（インライン） |
|
○ |
baseline / top / bottom / middle（セル） |
|
○ |
||
大文字/小文字 |
text-transform |
capitalize / uppercase / lowercase / none |
|
○ |
文字間隔 |
letter-spacing |
数値+単位 / normal |
|
○ |
空白の扱い |
white-space |
normal / pre / nowrap |
|
○ |
行送りの調整 |
line-height |
数値+単位/パーセント / normal |
|
○ |
| フォント | ||||
フォントの指定 |
font-family |
フォント名 / 一般名（serifなど） |
○ |
○ |
フォントサイズ |
font-size |
数値+単位 / パーセント / |
○ |
○ |
文字の太さの指定 |
font-weight |
100～900 / bold / bolder / lighter / normal |
○ |
○ |
行送りの調整 |
line-height |
数値+単位 / normal |
|
○ |
斜体の設定 |
font-style |
normal / italic / oblique |
○ |
○ |
文字属性の一括指定 |
font |
font-styleの値（font-variantの値） |
|
○ |
| 背景 | ||||
背景の色 |
background-color |
#RRGGBB / rgb( ) / 色名 / transparent |
○ |
○ |
背景に画像を貼りこむ |
background-image |
url( ) / none |
○ |
○ |
画像を貼りこむ方法を調整 |
background-repeat |
repeat / repeat-x / repeat-y / no-repeat |
○ |
○ |
背景画像の位置 |
background-position |
数値+単位/パーセント |
○ |
○ |
背景に関する属性をまとめて設定 |
background |
background-colorの値 |
|
○ |
| ボックス | ||||
枠線のスタイル |
border-style |
solid / double / groove / ridge / inset / outset / none / hidden / dashed / dotted |
○ |
○ |
border-top-style |
○ |
○ |
||
border-right-style |
○ |
○ |
||
border-bottom-style |
○ |
○ |
||
border-left-style |
○ |
○ |
||
枠線の太さ |
border-width |
数値+単位 / thin / medium / thick |
○ |
○ |
border-top-width |
○ |
○ |
||
border-right-width |
○ |
○ |
||
border-bottom-width |
○ |
○ |
||
border-left-width |
○ |
○ |
||
枠線の色 |
border-color |
#RRGGBB / rgb( ) / 色名 / transparent |
○ |
○ |
border-top-color |
○ |
○ |
||
border-right-color |
○ |
○ |
||
border-bottom-color |
○ |
○ |
||
border-left-color |
○ |
○ |
||
枠線の一括指定 |
border |
border-widthの値 |
|
○ |
border-top |
|
○ |
||
border-right |
|
○ |
||
border-bottom |
|
○ |
||
border-left |
|
○ |
||
マージンの設定 |
margin |
数値+単位 / auto |
○ |
○ |
margin-top |
○ |
○ |
||
margin-right |
○ |
○ |
||
margin-bottom |
○ |
○ |
||
margin-left |
○ |
○ |
||
テキストとボックスの間隔指定 |
padding |
数値+単位 / auto |
○ |
○ |
padding-top |
○ |
○ |
||
padding-right |
○ |
○ |
||
padding-bottom |
○ |
○ |
||
padding-left |
○ |
○ |
||
| 配置 | ||||
要素の配置の方法 |
position |
static / relative / absolute |
|
○ |
上下の位置 |
top |
数値+単位 / パーセント / auto |
|
○ |
bottom |
数値+単位 / パーセント / auto |
○ |
||
左右の位置 |
left |
数値+単位 / パーセント / auto |
|
○ |
right |
数値+単位 / パーセント / auto |
○ |
||
ボックス要素の高さの指定 |
height |
数値+単位 / パーセント / auto |
○ |
○ |
ボックス要素の幅の指定 |
width |
数値+単位 / パーセント / auto |
○ |
○ |
ボックスの内容あふれの処理 |
overflow |
visible / hidden / scroll / auto |
|
○ |
重ね合わせの順序 |
z-index |
数値(整数) / auto |
|
○ |
表示/非表示の設定 |
visibility |
visible / hidden |
|
○ |
表示形式の変更 |
display |
block / inline / list-item / none |
|
○ |
回り込みの指定 |
float |
left / right / none |
○ |
○ |
回り込みの解除 |
clear |
left / right / both / none |
○ |
○ |
| リスト | ||||
マークの指定 |
list-style-type |
disc / circle / square / decimal / lower-roman / upper-roman / lower-alpha / upper-alpha / none |
|
○ |
マークに画像を使う |
list-style-image |
url( ) / none |
|
○ |
マークの配置 |
list-style-position |
outside / inside |
|
○ |
マークの一括指定 |
list-style |
list-style-typeの値 list-style-positionの値 |
|
○ |
擬似クラス一覧
| 擬似クラス名 | 説明 | 初級 | 上級 |
|---|---|---|---|
:link |
<a>タグで作成されたリンクのうち、未アクセスであるもの |
○ |
○ |
:visited |
<a>タグで作成されたリンクのうち、アクセス済みであるもの |
○ |
○ |
:hover |
マウスでポイントしたオブジェクト |
○ |
○ |
:active |
マウスのボタンが押されているなどアクティブなオブジェクト |
○ |
○ |
