webクリエイター試験ＨＴＭＬ編 Sｓ
webクリエイター試験上級までカバー
webクリエイター試験を受験するために練習用として作成しました。
不具合、改善、提案等ありましたら連絡ください。
不具合、改善、提案等ありましたら連絡ください。
関連タイピング
-
学校やパソコン初心者におすすめです
プレイ回数4.2万 短文かな648打 -
10ケタの数字が出てくるのでのそれを打ちます。
プレイ回数137万 数字60秒 -
アイリスアウト
プレイ回数2.1万 歌詞かな137打 -
ビジネス文書作成のポイントについて。
プレイ回数7838 長文かな2166打 -
タイピング練習に関する長文です
プレイ回数23万 長文1159打 -
今回のテーマはシール交換のメリットについてです！
プレイ回数2599 長文1018打 -
生活習慣の改善について。長文です
プレイ回数2500 長文かな1496打 -
このタイピングで一位になれる人いないでしょ！
プレイ回数5.9万 141打
問題文
ふりがな非表示
ふりがな表示
(＜ｈｔｍｌ＞＜ｈｅａｄ＞＜ｔｉｔｌｅ＞＜ｂｏｄｙ＞)
HTMLの一般定義
(＜ｈ１＞＜／ｈ１＞＜ｈ２＞＜／ｈ２＞＜ｈ３＞＜／ｈ３＞)
見出し１～３まで
(＜ｓｔｒｏｎｇ＞＜／ｓｔｒｏｎｇ＞)
文字列を強調する（emより強い強調）
(＜ｂ＞＜／ｂ＞)
文字列ボールドに（太字）表示する。
(＜ｉ＞＜／ｉ＞)
文字列をイタリック（斜体）表示する。
(＜ｓｕｐ＞＜／ｓｕｐ＞)
文字列を上付き文字として表示する。
(＜ｓｕｂ＞＜／ｓｕｂ＞)
文字列を下付き文字として表示する。
(＜ｐｒｅ＞＜／ｐｒｅ＞)
改行や空白など入力されたままの状態で表示する。
(＆ｎｂｓｐ；)
改行なしの空白。
(＜ｐ＞＜／ｐ＞)
段落を作成する。
(＜ｂｒ＞)
強制的に改行する。
(＜ｈｒ＞)
水平線（区切り線）を指定する。
(＜ａ ｈｒｅｆ＝””＞＜／ａ＞)
リンクを作成する。
(＜ａ ｈｒｅｆ＝”＃ｔｏｐ”＞＜／ａ＞)
同じHTML文書のマーカー位置へのリンクを作成する。
(＜ａ ｈｒｅｆ＝”ｉｎｄｅｘ．ｈｔｍｌ＃ｔｏｐ”＞＜／ａ＞)
別のHTML文書のマーカー位置へのリンクを作成する。
(＜ａ ｎａｍｅ＝”ｔｏｐ”＞＜／ａ＞)
マーカー名を指定する。
(＜ａ ｈｒｅｆ＝”ｍａｉｌｔｏ：”＞＜／ａ＞)
HTML文書内にメールを送信するホットテキストを設定する。
(＜！－－ －－＞)
コメント
(＜ｉｍｇ ｓｒｃ＝”” ａｌｔ＝”” ｗｉｄｔｈ＝”” ｈｅｉｇｈｔ＝””＞)
指定したイメージデータをインライン表示する。
(＜ｕｌ＞＜／ｕｌ＞)
行頭記号リストを作成する。
など
(＜ｏｌ＞＜／ｏｌ＞)
番号付きリストを作成する。
(＜ｌｉ＞＜／ｌｉ＞)
リスト項目を指定する。
(＜ｔａｂｌｅ＞＜ｔｒ＞＜ｔｈ＞＜／ｔｈ＞＜ｔｄ＞＜／ｔｄ＞＜／ｔｒ＞＜／ｔａｂｌｅ＞)
テーブルの基本形
(＜ｔａｂｌｅ ｂｏｒｄｅｒ＝”” ｗｉｄｔｈ＝””＞＜／ｔａｂｌｅ＞)
テーブル
(＜ｔｒ ａｌｉｇｎ＝”ｌｅｆｔ ｃｅｎｔｅｒ ｒｉｇｈｔ”＞＜／ｔｒ＞)
テーブルの行（セル内容の水平方向位置を指定する）
(＜ｔｒ ｖａｌｉｇｎ＝”ｔｏｐ ｍｉｄｄｌｅ ｂｏｔｔｏｍ ｂａｓｅｌｉｎｅ”＞＜／ｔｒ＞)
テーブルの行（セル内容の垂直方向位置を指定する）
(＜ｔｈ ａｌｉｇｎ＝”ｌｅｆｔ ｃｅｎｔｅｒ ｒｉｇｈｔ”＞＜／ｔｈ＞)
見出しセル（セル内容の水平方向位置を指定する）
(＜ｔｈ ｖａｌｉｇｎ＝”ｔｏｐ ｍｉｄｄｌｅ ｂｏｔｔｏｍ ｂａｓｅｌｉｎｅ”＞＜／ｔｈ＞)
見出しセル（セル内容の垂直方向位置を指定する）
(＜ｔｈ ｒｏｗｓｐａｎ＝”” ｃｏｌｓｐａｎ＝””＞＜／ｔｈ＞)
見出しセルの結合
(＜ｔｄ ａｌｉｇｎ＝”ｌｅｆｔ ｃｅｎｔｅｒ ｒｉｇｈｔ”＞＜／ｔｄ＞)
データセル（セル内容の水平方向位置を指定する）
(＜ｔｄ ｖａｌｉｇｎ＝”ｔｏｐ ｍｉｄｄｌｅ ｂｏｔｔｏｍ ｂａｓｅｌｉｎｅ”＞＜／ｔｄ＞)
データセル（セル内容の垂直方向位置を指定する）
(＜ｔｄ ｒｏｗｓｐａｎ＝”” ｃｏｌｓｐａｎ＝””＞＜／ｔｄ＞)
データセルの結合
(＜ｃａｐｔｉｏｎ＞＜／ｃａｐｔｉｏｎ＞)
テーブルにタイトルを付加する
(＜ｔａｂｌｅ ｃｅｌｌｐａｄｄｉｎｇ＝”” ｃｅｌｌｓｐａｃｉｎｇ＝””＞＜／ｔａｂｌｅ＞)
テーブル
(＜ｌｉｎｋ ｒｅｌ＝”ｓｔｙｌｅｓｈｅｅｔ”ｈｒｅｆ＝”ｂａｓｅ．ｃｓｓ”ｔｙｐｅ＝”ｔｅｘｔ／ｃｓｓ”＞)
スタイルシート（base.css）をHTML文書に読み込む。
(＜ｓｔｙｌｅ ｔｙｐｅ＝”ｔｅｘｔ／ｃｓｓ”＞＜！－－ －－＞＜／ｓｔｙｌｅ＞)
HTML文書の<head>内でスタイルを指定する。
(＜ｄｉｖ ｃｌａｓｓ＝””＞＜／ｄｉｖ＞)
要素をclassでボックス要素にグループ化する。
(＜ｄｉｖ ｉｄ＝””＞＜／ｄｉｖ＞)
要素をidでボックス要素にグループ化する。
(＜ｓｐａｎ ｃｌａｓｓ＝””＞＜／ｓｐａｎ＞)
要素をclassでインライン要素にグループ化する。
(＜ｓｐａｎ ｉｄ＝””＞＜／ｓｐａｎ＞)
要素をidでインライン要素にグループ化する。
(＜ｉｍｇ ｓｒｃ＝”” ｕｓｅｍａｐ＝”＃” ｗｉｄｔｈ＝”” ｈｅｉｇｈｔ＝””＞)
イメージにクリカッブルマップを関連付ける。
(＜ｍａｐ ｎａｍｅ＝””＞＜ａｒｅａ ｓｈａｐｅ＝”” ｃｏｏｒｄｓ＝””＞＜／ｍａｐ＞)
クリッカブルマップの作成と詳細指定。
(＜ａｒｅａ ｓｈａｐｅ＝”ｒｅｃｔ” ｃｏｏｒｄｓ＝”ａ，ｂ，ｃ，ｄ” ｈｒｅｆ＝”” ａｌｔ＝””＞)
クリッカブルマップ（長方形のリンク）
(＜ａｒｅａ ｓｈａｐｅ＝”ｃｉｒｃｌｅ” ｃｏｏｒｄｓ＝”ａ，ｂ，ｃ” ｈｒｅｆ＝”” ａｌｔ＝””＞)
クリッカブルマップ（円のリンク）
(＜ａｒｅａ ｓｈａｐｅ＝”ｐｏｌｙ” ｃｏｏｒｄｓ＝”” ｈｒｅｆ＝”” ａｌｔ＝””＞)
クリッカブルマップ（多角形のリンク）
(．．／ｂａｃｋ．ｇｉｆ)
ひとつ上の階層にあるイメージを指定。
(．．／ｉｍａｇｅｓ／ｐｈｏｔｏ．ｊｐｇ)
ひとつ上の階層のフォルダにあるイメージを指定。
(＜ｏｂｊｅｃｔ ｄａｔａ＝”” ｔｙｐｅ＝”” ｗｉｄｔｈ＝”” ｈｅｉｇｈｔ＝””＞＜／ｏｂｊｅｃｔ＞)
オブジェクトを挿入する。
(ｔｙｐｅ＝”ａｐｐｌｉｃａｔｉｏｎ／ｘ－ｓｈｏｃｋｗａｖｅ－ｆｌａｓｈ”)
オブジェクト（Flashファイルを挿入する場合のtypeの値）
(ｔｙｐｅ＝”ｖｉｄｅｏ／ｘ－ｍｓｖｉｄｅｏ”)
オブジェクト（AVIファイルを挿入する場合のtypeの値）
(＜ｐａｒａｍ ｎａｍｅ＝”” ｖａｌｕｅ＝””＞)
パラメーターを指定する。
(＜ｐ＞＜ｏｂｊｅｃｔ＞＜ｐａｒａｍ＞＜／ｏｂｊｅｃｔ＞＜／ｐ＞)
オブジェクトとパラメーターの記述。
(＜ｐａｒａｍ ｎａｍｅ＝”ｓｒｃ” ｖａｌｕｅ＝”ｍｏｖｉｅ／ａｎｉｍｅ．ｓｗｆ”＞)
オブジェクトを表示・再生するときに必要なパラメーターの値
(＜ｐａｒａｍ ｎａｍｅ＝”ａｕｔｏｓｔａｒｔ ｌｏｏｐ” ｖａｌｕｅ＝”ｔｒｕｅ ｆａｌｓｅ”＞)
オブジェクトを表示・再生するときに必要なパラメーターの値
(＜ｆｏｒｍ＞＜ｐ＞＜ｉｎｐｕｔ ｔｙｐｅ＝”” ｎａｍｅ＝””＞＜／ｐ＞＜／ｆｏｒｍ＞)
フォームの形
(＜ｆｏｒｍ ａｃｔｉｏｎ＝”” ｍｅｔｈｏｄ＝”” ｅｎｃｔｙｐｅ＝””＞＜／ｆｏｒｍ＞)
フォーム（ファイルのパス・転送方法・データ形式）を指定。
(＜ｉｎｐｕｔ ｔｙｐｅ＝”ｔｅｘｔ”ｎａｍｅ＝””ｓｉｚｅ＝””ｍａｘｌｅｎｇｔｈ＝””ｖａｌｕｅ＝””＞)
テキストボックスを作成する。
(ｔｅｘｔ ｐａｓｓｗｏｒｄ ｃｈｅｃｋｂｏｘ ｒａｄｉｏ)
<p><input type="種類"><p> typeの種類 -1-
(ｓｕｂｍｉｔ ｒｅｓｅｔ ｉｍａｇｅ ｆｉｌｅ ｈｉｄｄｅｎ)
<p><input type="種類"><p> typeの種類 -2-
(＜ｉｎｐｕｔ ｔｙｐｅ＝”ｐａｓｓｗｏｒｄ”ｎａｍｅ＝””ｓｉｚｅ＝””ｍａｘｌｅｎｇｔｈ＝””ｖａｌｕｅ＝)
パスワード入力ボックスを作成する。
(＜ｉｎｐｕｔ ｔｙｐｅ＝”ｃｈｅｃｋｂｏｘ”ｎａｍｅ＝””ｖａｌｕｅ＝””ｃｈｅｃｋｅｄ＞)
チェックボックスを作成する。
(＜ｉｎｐｕｔ ｔｙｐｅ＝”ｒａｄｉｏ”ｎａｍｅ＝””ｖａｌｕｅ＝””ｃｈｅｃｋｅｄ＞)
ラジオボタンを作成する。
(＜ｉｎｐｕｔ ｔｙｐｅ＝”ｓｕｂｍｉｔ”ｎａｍｅ＝””ｖａｌｕｅ＝””＞)
送信ボタンを作成する。
(＜ｉｎｐｕｔ ｔｙｐｅ＝”ｒｅｓｅｔ”ｎａｍｅ＝””ｖａｌｕｅ＝””＞)
リセットボタンを作成する。
(＜ｉｎｐｕｔ ｔｙｐｅ＝”ｉｍａｇｅ”ｎａｍｅ＝””ｓｒｃ＝””ａｌｔ＝””＞)
イメージの送信ボタンを作成する。
(＜ｉｎｐｕｔ ｔｙｐｅ＝”ｆｉｌｅ”ｎａｍｅ＝””ｓｉｚｅ＝””＞)
ファイル名入力ボックスを作成する。
(＜ｉｎｐｕｔ ｔｙｐｅ＝”ｈｉｄｄｅｎ”ｎａｍｅ＝””ｖａｌｕｅ＝””＞)
不可視フィールドを作成する。
(＜ｓｅｌｅｃｔ ｎａｍｅ＝””＞＜ｏｐｔｉｏｎ ｖａｌｕｅ＝””＞＜／ｏｐｔｉｏｎ＞＜／ｓｅｌｅｃｔ＞)
選択リストの形
(＜ｏｐｔｉｏｎ＝”” ｖａｌｕｅ＝”” ｓｅｌｅｃｔｅｄ＞＜／ｏｐｔｉｏｎ＞)
選択項目を定義する。
(＜ｓｅｌｅｃｔ ｎａｍｅ＝”” ｓｉｚｅ＝”” ｍｕｌｔｉｐｌｅ＞＜／ｓｅｌｅｃｔ＞)
リストボックスの作成
(＜ｔｅｘｔａｒｅａ ｎａｍｅ＝”” ｃｏｌｓ＝”” ｒｏｗｓ＝””＞＜／ｔｅｘｔａｒｅａ＞)
テキストエリアを作成する。