wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

【webデザイン】HTML+CSS確認テスト

Total questions: 30

Worksheet time: 15mins

Name
Class
Date
1.
HTML文書の一番最初に記述し、その文書がHTML5であることをブラウザに伝える宣言はどれですか?
a)
<html>タグ
b)
<head>タグ
c)
<!DOCTYPE html>宣言
d)
<body>タグ
2.

Webページに関する設定情報(メタデータ)を記述する場所で、記述内容がブラウザの画面には表示されないタグはどれですか?

a)
<body>タグ
b)
<main>タグ
c)
<head>タグ
d)
<footer>タグ
3.
実際にブラウザ画面に表示したいコンテンツをすべて記述する場所となるタグはどれですか?
a)
<header>タグ
b)
<body>タグ
c)
<main>タグ
d)
<head>タグ
4.

ページの文字化けを防ぐために<head>内に記述し、文字コードを指定するメタタグはどれですか?

a)
<meta name="description" content="...">
b)
<meta charset="utf-8">
c)
<link rel="stylesheet" href="style.css">
d)
<title>...</title>
5.
外部のCSSファイルをHTML文書に適用するために<head>内に記述するタグはどれですか?
a)
<script src="app.js">
b)
<style>タグ
c)
<link rel="stylesheet" href="stylesheet.css">
d)
<a>タグ
6.
ブラウザのタブに表示される名前を設定するために<head>内に記述するタグはどれですか?
a)
<h1>
b)
<a>
c)

<title>

d)
<p>
7.

特に意味を持たず、Webページのレイアウトを区切るための「箱」として要素をグループ化するために使う要素はどれですか?

a)
<section>
b)
<span>
c)
<div>要素
d)
<header>
8.

HTML要素に名前(分類)をつけ、CSSからその要素を特定してスタイルを適用するために使用する属性はどれですか?(複数の要素に適用可能)

a)
id属性
b)
href属性
c)
class属性
d)
src属性
9.
ページ上部のナビゲーションやロゴなどのエリアを示す、主要な分割ブロックはどれですか?
a)
<div class="main">
b)
<div class="footer">
c)
<div class="header">
d)
<div class="wrapper">
10.
他のページに飛ぶときに使い、href属性でリンク先を指定するタグはどれですか?
a)
<img>
b)
<a>
c)
<h1>
d)
<ul>
11.
Webページに画像を表示するために使用するタグはどれですか?
a)
<a>
b)
<p>
c)
<img>
d)
<li>
12.
箇条書きを作るときに、リスト全体を囲むタグはどれですか?
a)
<li>
b)
<ul>
c)
<p>
d)
<div>
13.
文章を入れるときに使う段落タグはどれですか?
a)
<h1>
b)
<p>
c)
<li>
d)
<div>
14.
<img>タグで、画像の場所(ファイル名)を指定する属性はどれですか?
a)
href
b)
src
c)
alt
d)
class
15.
<img>タグのalt属性が指定する内容はどれですか?
a)
リンク先のURL
b)
画像が表示されなかったときの「代わりの文字」
c)
画像のファイル名
d)
画像の幅
16.
ページの中心となる主要なコンテンツエリアを示すタグはどれですか?
a)
<header>
b)
<main>
c)
<footer>
d)
<body>
17.
見出しタグのうち、最も文字が大きく表示されるタグはどれですか?
a)
<h2>
b)
<h4>
c)
<h1>
d)
<h6>
18.
箇条書きを作るときに、リストの項目(一つ一つの内容)を入れるタグはどれですか?
a)
<ul>
b)
<p>
c)
<li>
d)
<div>
19.
HTML文書の全体を囲む、ルートとなる要素はどれですか?
a)
<body>タグ
b)
<html>タグ
c)
<head>タグ
d)
<!DOCTYPE html>宣言
20.
コードを見やすくするために使う「字下げ」のことを何と呼びますか?
a)
スペーシング
b)
インデント
c)
パディング
d)
マージン
21.
CSSで文字の色を変えるときに使うプロパティはどれですか?
a)
font-family:
b)
font-size:
c)
color:
d)
background-color:
22.
CSSで要素の背景の色を変えるときに使うプロパティはどれですか?
a)
color:
b)
height:
c)
background-color:
d)
width:
23.
CSSで文字の大きさを指定するときに使うプロパティはどれですか?
a)
text-align:
b)
font-size:
c)
font-family:
d)
line-height:
24.
CSSでフォントの種類を指定するときに使うプロパティはどれですか?
a)
font-size:
b)
color:
c)
font-weight:
d)
font-family:
25.
CSSで要素の高さを指定するときに使うプロパティはどれですか?
a)
width:
b)
padding:
c)
height:
d)
margin:
26.
CSSで要素の幅を指定するときに使うプロパティはどれですか?
a)
height:
b)
padding:
c)
width:
d)
margin:
27.
CSSファイルでclass属性を指定するときに、名前の前に付ける記号はどれですか?
a)
#
b)
:
c)
. (ドット)
d)
>
28.
CSSファイルでid属性を指定するときに、名前の前に付ける記号はどれですか?
a)
. (ドット)
b)
#
c)
:
d)
*
29.
CSSの基本的な構文として正しい記述はどれですか?
a)
セレクタ プロパティ: 値;
b)
セレクタ { 値: プロパティ; }
c)
セレクタ { プロパティ: 値 }
d)
セレクタ { プロパティ: 値; }
30.
CSSで要素の内側の余白を設定するために使うプロパティはどれですか?
a)
margin
b)
padding
c)
border
d)
width