2022年9月2日 配信
WEB制作
あなたはすべて答えることが出来るかな？
WEB制作するなら知っておきたいHTMLタグの読み方クイズです。
「HTML5」から「HTML Living Standard」までのHTMLタグを掲載中。随時更新中。
それではレッツチャレンジ！
ランダムで２５問！
時間制限内に解けるかな？
お疲れ様でした。
HTML タグ読み方クイズ
1 / 25
1.
< !-- -- > なんて読む？
これは コメントアウト とよみます。
2 / 25
2.
li のよみかたは？
リストタグ とよみます。
list の略です。
3 / 25
3.
script のよみかたは？
スクリプト とよみます。「SCRIPT」はJavaScriptなどの言語でかかれているスクリプトを文書内に埋め込んだり外部スクリプトを読み込んだりするために使用するタグです。
4 / 25
4.
ul のよみかたは？
ユーエル、アンオーダーリスト とよみます。「unordered list」の略です。箇条書きのリストを表示する場合に利用します。見出しには「・」が基本的に表示されます。番号、記号付きリストを表示する場合には「ol」タグを利用します。
5 / 25
5.
col のよみかたは？
コル とよみます。
column の略語で、列の意味となります。。
HTMLでは表の縦列の属性を指定したいときに使用します。
6 / 25
6.
img のよみかたは？
イメージ とよみます。
image の略です。
<img src="・・・” はイメージソースの・・・といった言い方をします。
7 / 25
7.
http-equiv のよみかたは？
エイチティーティーピー イクイヴ とよみます。
「http」はhypertext transfer protocol で「equiv」はequivalent の略となります。
8 / 25
8.
cite のよみかたは？
サイト とよみます。
citation の略語で引用元の名称を表示します。
9 / 25
9.
ins のよみかたは？
インサート とよみます。「insert」の略です。WEBサイトに後から追加されたことを示す、または追加した場合に利用するタグです。
10 / 25
10.
optgroup のよみかたは？
オプショングループとよみます。selectタグ内のoptionタグの選択項目を複数のグループでまとめたい場合にoptgroupタグを利用します。
<p>選択してください</p><select name="sample1"><optgroup label="グループ１"><option value="11">選択項目１１</option><option value="12"selected>選択項目１２</option><option value="13">選択項目１３</option></optgroup><optgroup label="グループ２" disabled><option value="21">選択項目２１</option><option value="22">選択項目２２</option><option value="23">選択項目２３</option></optgroup><optgroup label="グループ３"><option value="31">選択項目３１</option><option value="32">選択項目３２</option><option value="33" disabled>選択項目３３</option></optgroup></select>
11 / 25
11.
tr のよみかたは？
ティーアル、テーブルロウ とよみます。「table row」の略です。表組の横方向を定義します。
12 / 25
12.
textarea のよみかたは？
テキストエリア とよみます。input タグは１行表示ですが、textarea タグは複数行を表示できます。主にお問い合わせの内容を記入する場所に設置する場合が多いようです。
13 / 25
13.
canvas のよみかたは？
キャンバス とよみます。
14 / 25
14.
submit のよみかたは？
サブミット とよみます。
submit は提出の意味があります。
<form>タグ内の<input>タグの「type」属性で指定します。
送信ボタンが作成できます。
15 / 25
15.
ol のよみかたは？
オーエル、オーダーリスト とよみます。<ol type="1"><li></li><li></li>・・・</ol> で １，２，３，・・・の数字が見出しのリストが表示されます。<ol type="a"><li></li><li></li>・・・</ol> で a，b，c，・・・の英語が見出しのリストが表示されます。
16 / 25
16.
fieldset のよみかたは？
フィールドセットとよみます。
fieldset 要素はフォームの内容をまとめます。
17 / 25
17.
blockquote のよみかたは?
ブロッククォート とよみます。
18 / 25
18.
blockquote のよみかたは？
19 / 25
19.
doctype のよみかたは？
ドックタイプとよみます。
Document Type Definition の略で「ドキュメントの定義」を意味します。htmlタグの上に書きます。
例）
<!DOCTYPE html>
<html>
20 / 25
20.
embed のよみかたは？
エンベッド とよみます。embedding の略で「埋めこむ」という意味になります。MP4などの動画を埋め込む際に利用します。
21 / 25
21.
p のよみかたは？
paragraph の略で「パラグラフ」「ピータグ」とよみます。
段落を表すタグです。
22 / 25
22.
pre のよみかたは？
「プレ」「プレフォーマティッド」とよみます。
preは「preformatted text」の略で、「整形済みテキスト」という意味となります。
preタグで囲まれた部分はスペースや改行、HTMLのソースコードなどが記述のまま表示されます。
23 / 25
23.
address の読み方は？
アドレス とよみます。
24 / 25
24.
radio のよみかたは？
ラジオ（ボタン）とよみます。フォームでは、グループ内のどのボタンも選択されていない場合、フォームの転送時に値が渡されない。名称の由来はカーラジオの選局ボタンで、1つのボタンを押すと他の押されていたボタンが押されていない状態に戻り、常に1つのボタンだけが押された状態になる特徴を表している。（wikipedia引用）
25 / 25
25.
em のよみかたは？
エム、エンファシス とよみます。
emphasis の略となります。emで囲まれたテキストは斜体・イタリック体で表示されます。
CSSのemとは用途が異なります。
Your score is
The average score is 40%
Restart quiz
0 件
メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です
コメント ※
名前 ※
メール ※
サイト
次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。
ホーム > WEB制作 > ＨＴＭＬタグの読み方クイズ！
コメント
0 件