IT資格無料解き放題

HTML5 プロフェッショナル Lv1 練習問題

HTML5 プロフェッショナル認定試験 レベル1(Ver2.5)

617 問(5 分野)・全問解説つき・登録なし

進め方

  1. オリジナルで一周する

    各分野を 2 問ずつ・解説つき(全 617 問から出ます)

    全 10 問のうち 0 問

    10 問ずつ解く→
  2. 分野から解き直す

    間違えた分野だけを、もう一度

記録を別の端末でも続ける(無料)→

ほかの解き方見本の 30 問→
分野・論点から解く5 分野
問題を番号から開く

最初の 10 問(番号を押すと、その問題が開きます)

この資格の問題は に最終確認しました

訂正の履歴(1 件)
  •  問題と解説を事実と照らして確かめ、67 問の記述を直しました

レベル 0(定着 0%:2 回続けて正解した問の割合)

この資格について

HTML5 プロフェッショナル Lv1 の練習問題 617 問を、無料・登録不要でこのまま解けます。全問に解説つきで、登録の画面もありません。

HTML5・CSS・レスポンシブなど Web フロントエンドの基礎を問う試験です。ここでは選択式の練習問題を、全問解説つきで無料公開しています(入力式の問題は収録していません)。

試験の概要

出題形式
選択式+一部入力
問題数
約60問
試験時間
90分
受験料
16,500円
日本語
あり
当サイトの収録
単一選択 398 問 / 複数選択 219 問

「当サイトの収録」より上の行は、試験を実施する団体が公表している内容だけで、 推定した値は載せていません。

出題範囲

HTML5 プロフェッショナル レベル1の練習問題を、このサイトに617問載せています。単一選択が398問で、複数選択は219問。複数選択がかなり多いのが、この試験の練習の特徴です。

公式の出題範囲は、五つの分野でできています。重要度が最も高いのは「Webの基礎知識」と「要素」で、どちらも23です。次が「CSS」の18、「APIの基礎知識」の16。

「レスポンシブWebデザイン」は12になります。収録数は、Webの基礎知識が139問、CSSが164問。要素が155問、レスポンシブが68問、APIが91問です。

問題文か正解の選択肢に出る語を数えると、CSSが66問。HTMLが103問、metaが35問、widthが58問です。styleは54問、APIは34問ありました。

数が多いので、分野ごとに区切って進めるのが向いています。

出題範囲ごとの問数

分野公式の重要度(相対値)収録解いた解く
1.1Webの基礎知識231390 / 139→
1.2CSS181640 / 164→
1.3要素231550 / 155→
1.4レスポンシブWebデザイン12680 / 68→
1.5APIの基礎知識16910 / 91→

分野名と公式の重要度(相対値)はHTML5プロフェッショナル認定試験 レベル1 出題範囲(Ver2.5)のもの(出典)。「収録」は当サイトが公開している問題数の実測です。

勉強の順番

最初は「要素」の155問と、「Webの基礎知識」の139問です。どちらも重要度が高く、ほかの分野の前提にもなります。HTMLとmetaの問題は、ここでまとめて解きましょう。

次に「CSS」の164問へ進みます。widthやstyleのような指定が、画面でどう効くかを確かめる流れです。そのあと「レスポンシブWebデザイン」の68問を続けます。

CSSで覚えた指定が、画面幅ごとにどう変わるかを見ていきます。最後が「APIの基礎知識」の91問です。複数選択の219問は、正解の数を先に確かめてから選びましょう。

分野ごとに一周したら、間違えた問題だけを集めて解き直します。一度に全部を解こうとせず、数十問ずつ区切ると続けやすいです。

どんな問題が出ますか

HTML5 プロフェッショナル Lv1 · 例題 1

ログイン後の利用者を次のアクセスでも識別できるように、Web サーバから Web ブラウザに Cookie を保存させる必要があります。サーバがレスポンスに含める、この目的のヘッダフィールドはどれですか。

1User-Agent
2Cookie
3Authorization
4Set-Cookie✓ 正解
解説サーバが Cookie を発行する時はレスポンスに Set-Cookie ヘッダフィールドを付けます。Cookie はブラウザが保存済みの値をサーバへ送る時のリクエスト側のヘッダフィールドで、User-Agent はブラウザの種類、Authorization は認証の資格情報を送るものです。
HTML5 プロフェッショナル Lv1 · 例題 2

印刷時にだけ適用するスタイルシートを link要素で読み込みます。media属性に指定する値として正しいものはどれですか。

1printer
2print✓ 正解
3projection
4paper
解説印刷プレビューや印刷に使われるメディアタイプは print です。paper や printer という値は定義されていません。projection はプロジェクター向けとして古い仕様にありましたが、現在は非推奨で、印刷の指定にも使いません。
HTML5 プロフェッショナル Lv1 · 例題 3

<audio controls preload="none"> <source src="talk.ogg" type="audio/ogg"> <source src="talk.mp3" type="audio/mpeg"> <p><a href="talk.mp3">音声ファイルをダウンロード</a></p> </audio> 上のソースコードの各要素・属性について、正しい説明を 2 つ選んでください。(2 つ選択)

複数選択(2つ選ぶ問題です)

1preload="none" により、ユーザーが再生するまで音声データは読み込まれません✓ 正解
2p要素のリンクは、音声の再生が終わった後に表示されます
3audio要素は source要素を 1 つしか持てないため、2 つ目の source要素は無効です
4audio要素に対応していないブラウザでは、p要素のダウンロードリンクが表示されます✓ 正解
5audio要素には controls属性が無いため、この指定は無視されます
解説audio要素の内容はフォールバックコンテンツで、audio要素に対応していないブラウザでだけ表示されます。preload="none" はユーザーの操作まで読み込まない指定です。audio要素も source要素を複数持て、controls属性も video要素と同様に使えます。フォールバックコンテンツが再生後に表示されることはありません。選択肢「audio要素は source要素を 1 つしか持てないため、2 つ目の source要素は無効です」は誤りです。audio要素も source要素を複数持て、ブラウザは上から順に再生できる物を選びます。選択肢「audio要素には controls属性が無いため、この指定は無視されます」は誤りです。controls属性は audio要素でも使える属性です。

全問に、この形式の解説がつきます。

問題の目次

収録 617 問のうち、30 問を番号で開ける見本にしてあります。 HTML5 プロフェッショナル Lv1 の見本の 30 問へ →

よくある質問

HTML5 プロフェッショナル Lv1 の練習問題は本当に無料ですか?
はい。このページから解ける HTML5 プロフェッショナル Lv1 の練習問題 617 問は、すべて無料です。解説を読むのにもお金はかかりません。

登録は要りますか?
登録しなくても全部解けます。このページからそのまま解き始められます。記録を別の端末でも続けたい人は、ログイン(無料)できます。

問題は本物の過去問ですか?
いいえ。試験の出題範囲に沿って当サイトで作った練習問題です。過去の試験問題をそのまま載せたものではありません。

プログラミング言語 の他の資格

Java BronzeJava の入門50問→Java SilverJava の実務基礎試験情報→Java Silver SE17Java SE 17 の実務基礎50問→Java GoldJava の上位試験情報→HTML5 プロフェッショナル Lv2JavaScript と API113問→Python3 エンジニア認定基礎Python の文法基礎99問→Python3 データ分析NumPy・pandas・可視化320問→Python3 データ分析実践実務寄りのデータ分析160問→PHP8 初級PHP の基礎280問→PHP8 上級/準上級PHP の応用120問→Ruby SilverRuby の基礎200問→Ruby GoldRuby の応用200問→

参考書を Amazon で探す →

数はここで、仕上げは道場で。ここで数をこなしたら、道場へ。出るところだけの模試とテキストで、最短で仕上げる。 記述式・コマンド入力・模試まで本番形式で仕上げるなら資格道場へ。