チェックしてみよう! よく使うTAGやCSSプロパティの 復習
01 HTML/<head>~</head>に入れるTAG
❶<body>~</body> ❷<title>~</title> ❸<p>~</p>
02 HTML/改行するときのTAG
❶ br ❷ tr ❸ hr
03 HTML/WEBページで扱う画像(photo)の解像度(Image resolution)に適しているのは
❶ 300~350dpi ❷ 200dpi ❸ 72~96dpi
04 HTML/一部の文字をマーカー強調する場合
❶ <b>~</b> ❷ <mark>~</mark> ❸<del>~</del>
05 HTML/もっともレベルの高い見出し(heading)
❶ h1 ❷ h2 ❸ h3
06 HTML/画像(photo)を配置するときのTAG <~ src="~">
❶ images ❷ img ❸ photo
07 HTML/リンク(link)のTAG <~ href="~">~</~>
❶ a ❷ li ❸ link
08 HTML/ページ内に別のWEBページを埋め込むTAG (GoogleマップやYoutubuなど)
❶ input ❷ img ❸ iframe
09 HTML/メインのナビゲーションメニューのTAG
❶ menu ❷ main ❸ nav
10 HTML/番号のない箇条書きリストのTAG
- リスト1
- リスト2
❶ li ❷ ul ❸ ol
11 CSS/文字のサイズの指定
❶ font-weight ❷ font-size ❸text-size
12 CSS/背景に画像(photo)を指定する
❶ background-photo ❷ background-color ❸ background-image
13 CSS/文字の色の指定
❶ font-color ❷ text-color ❸ color
14 CSS/クラスに対してCSSを指定する場合、最初に記述するのは ○~{~}
❶ # ❷ . ❸ c
15 CSS/行揃えの指定 (例/中央にそろえる場合)○○:center;
❶ text-align ❷ text-indent ❸ text-decoration
16 CSS/内側(inside)の余白を指定するとき
❶ margin ❷ padding ❸ position
17 CSS/行の高さを(Line spacing)指定をする時は
❶ line-height ❷ letter-spacing ❸ border-style
18 CSS/フレックスボックスを使って横並びにする
❶ display: block ❷ display: flex ❸ display: grid
19 CSS/画像などの要素を半透明(translucent)で表示
❶ clear ❷ opacity ❸ box-shadow
20 HTML/CSS(スタイルシート)をHTMLのHEADへ直接書くときの記述は
❶ <style>~</style> ❷ <css>~</css> ❸<table>~</table>
21 HTML/水平の横線を引くためのTAG ※参考:下のライン
❶ pr ❷ br ❸ hr
22 CSS/角を丸くするとき ※参考:下のボックス
❶ border-radius ❷ border-right ❸ border
23 CSS/文字の太さを指定
❶ font-weight ❷ font-size ❸ font-style
24 HTML/ファイル名で正しいのは
❶ BlackCat.jpg ❷ black-cat.jpg ❸ black cat.jpg
25 HTML/ページ内リンクの場合など、リンク先のID名の前につけるのは
❶ # ❷ ? ❸ a
26 CSS/行の高さを(Line spacing)指定をする時は
❶ line-height ❷ letter-spacing ❸ border-style
27 CSS/この文字のように装飾線(decorative line)を指定する場合は
❶ text-line ❷ text-decoration ❸ outline
28 CSS/この文字のように影を付ける(shadow)を場合は
❶ text-align ❷ font-shadow ❸ text-shadow