2022年9月2日 配信
WEB制作
あなたはすべて答えることが出来るかな?
WEB制作するなら知っておきたいHTMLタグの読み方クイズです。
「HTML5」から「HTML Living Standard」までのHTMLタグを掲載中。随時更新中。
それではレッツチャレンジ!
ランダムで25問!
時間制限内に解けるかな?
お疲れ様でした。
HTML タグ読み方クイズ
1 / 25
1.
canvas のよみかたは?
キャンバス とよみます。
2 / 25
2.
div のよみかたは?
ディブ または ディヴ とよみます。divided の略語で「分けられた」の意味をもちます
3 / 25
3.
fieldset のよみかたは?
フィールドセットとよみます。
fieldset 要素はフォームの内容をまとめます。
4 / 25
4.
link のよみかたは?
リンク とよみます。
link はCSSなどの外部ファイルを読み込むときに利用されてます。
5 / 25
5.
ol のよみかたは?
オーエル、オーダーリスト とよみます。<ol type="1"><li></li><li></li>・・・</ol> で 1,2,3,・・・の数字が見出しのリストが表示されます。<ol type="a"><li></li><li></li>・・・</ol> で a,b,c,・・・の英語が見出しのリストが表示されます。
6 / 25
6.
optgroup のよみかたは?
オプショングループとよみます。selectタグ内のoptionタグの選択項目を複数のグループでまとめたい場合にoptgroupタグを利用します。
<p>選択してください</p><select name="sample1"><optgroup label="グループ1"><option value="11">選択項目11</option><option value="12"selected>選択項目12</option><option value="13">選択項目13</option></optgroup><optgroup label="グループ2" disabled><option value="21">選択項目21</option><option value="22">選択項目22</option><option value="23">選択項目23</option></optgroup><optgroup label="グループ3"><option value="31">選択項目31</option><option value="32">選択項目32</option><option value="33" disabled>選択項目33</option></optgroup></select>
7 / 25
7.
q のよみかたは?
クォート とよみます。
「Quote」の略で引用文であることを表しています。
8 / 25
8.
td のよみかたは?
ティーディー、テーブデータ とよみます。「table data」の略です。tableタグの中で利用します。表組のセルの実際の内容を表示させる場合に利用します。
9 / 25
9.
blockquote のよみかたは?
ブロッククォート とよみます。
10 / 25
10.
col のよみかたは?
コル とよみます。
column の略語で、列の意味となります。。
HTMLでは表の縦列の属性を指定したいときに使用します。
11 / 25
11.
meta のよみかたは?
メタ とよみます。
「head」タグに設置します。
WEBサイトを記述に記述される「文字コード」「著者」「期限」「キーワード」といった、メタデータを格納するHTML要素です。
※メタデータとは、送信されるデータの付帯情報のことです。
ここでいうデータとはWEBサイトの内容で、付帯情報とは「文字コード」「著者」「期限」「キーワード」を指します。
ブラウザでの表示、SNSや検索エンジンに登録される内容に利用されます。
12 / 25
12.
table のよみかたは?
テーブル とよみます。表組を作成するときに利用します。
13 / 25
13.
dl のよみかたは?
14 / 25
14.
pre のよみかたは?
「プレ」「プレフォーマティッド」とよみます。
preは「preformatted text」の略で、「整形済みテキスト」という意味となります。
preタグで囲まれた部分はスペースや改行、HTMLのソースコードなどが記述のまま表示されます。
15 / 25
15.
radio のよみかたは?
ラジオ(ボタン)とよみます。フォームでは、グループ内のどのボタンも選択されていない場合、フォームの転送時に値が渡されない。名称の由来はカーラジオの選局ボタンで、1つのボタンを押すと他の押されていたボタンが押されていない状態に戻り、常に1つのボタンだけが押された状態になる特徴を表している。(wikipedia引用)
16 / 25
16.
figure のよみかたは?
フィギュア とよみます。
17 / 25
17.
hr のよみかたは?
エイチアール、ホリゾンタル ルール とよみます。「hr」は「horizontal rule(ホリゾンタル ルール)」の略です。horizontalは水平、ruleは罫線を意味します。水平の横線を引くために用いられるタグです。
18 / 25
18.
html のよみかたは?
エイチティーエムエル とよみます。
Hyper Text Markup Language の略でWEBサイトを作成するための言語です。
19 / 25
19.
aside のよみかたは?
アサイド とよみます。
コンテンツの本文では利用しません。
本文の「補足」「脚注」を記載するときに<aside>を利用することが多いようです。
20 / 25
20.
section のよみかたは?
セクション とよみます。sectionタグはサイトの項目で「1つのかたまりを表す要素」です。sectionタグの中にはh2タグなどの見出しを付け、その下にpタグ等を利用してコンテンツの内容記載します。
21 / 25
21.
dd のよみかたは?
ディーディー とよみます。definition description の略語で意味は「定義・概要」となります。
22 / 25
22.
ins のよみかたは?
インサート とよみます。「insert」の略です。WEBサイトに後から追加されたことを示す、または追加した場合に利用するタグです。
23 / 25
23.
doctype のよみかたは?
ドックタイプとよみます。
Document Type Definition の略で「ドキュメントの定義」を意味します。htmlタグの上に書きます。
例)
<!DOCTYPE html>
<html>
24 / 25
24.
p のよみかたは?
paragraph の略で「パラグラフ」「ピータグ」とよみます。
段落を表すタグです。
25 / 25
25.
em のよみかたは?
エム、エンファシス とよみます。
emphasis の略となります。emで囲まれたテキストは斜体・イタリック体で表示されます。
CSSのemとは用途が異なります。
Your score is
The average score is 40%
Restart quiz
0 件
メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です
コメント ※
名前 ※
メール ※
サイト
次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。
ホーム > WEB制作 > HTMLタグの読み方クイズ!
コメント
0 件