WEB - Review

チェックしてみよう! よく使う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

❶ 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