インプットとアウトプットを有効活用しよう！

ナビ　または　ナビゲーション　とよみます。

navigation　の略です。

navタグは、リンクがナビゲーションであることを示すためにに使用します。

エイチアール、ホリゾンタル ルール　とよみます。
「hr」は｢horizontal rule（ホリゾンタル ルール）｣の略です。
horizontalは水平、ruleは罫線を意味します。
水平の横線を引くために用いられるタグです。

「プレ」「プレフォーマティッド」とよみます。

preは「preformatted text」の略で、「整形済みテキスト」という意味となります。

preタグで囲まれた部分はスペースや改行、HTMLのソースコードなどが記述のまま表示されます。

ブロッククォート　とよみます。

メタ　とよみます。

「head」タグに設置します。

WEBサイトを記述に記述される「文字コード」「著者」「期限」「キーワード」といった、メタデータを格納するHTML要素です。

※メタデータとは、送信されるデータの付帯情報のことです。

ここでいうデータとはWEBサイトの内容で、付帯情報とは「文字コード」「著者」「期限」「キーワード」を指します。

ブラウザでの表示、SNSや検索エンジンに登録される内容に利用されます。

ブロッククォート　とよみます。

キャンバス　とよみます。

インプット　とよみます。

ティーディー、テーブデータ　とよみます。
「table data」の略です。
tableタグの中で利用します。
表組のセルの実際の内容を表示させる場合に利用します。

ビー　とよみます。

これは　コメントアウト　とよみます。

サブミット　とよみます。

submit は提出の意味があります。

<form>タグ内の<input>タグの「type」属性で指定します。

送信ボタンが作成できます。

スクリプト　とよみます。
「SCRIPT」はJavaScriptなどの言語でかかれているスクリプトを文書内に埋め込んだり外部スクリプトを読み込んだりするために使用するタグです。

paragraph の略で「パラグラフ」「ピータグ」とよみます。

段落を表すタグです。

ディブ　または　ディヴ　とよみます。
divided　の略語で「分けられた」の意味をもちます

アサイド　とよみます。

コンテンツの本文では利用しません。

本文の「補足」「脚注」を記載するときに<aside>を利用することが多いようです。

エム、エンファシス　とよみます。

emphasis　の略となります。emで囲まれたテキストは斜体・イタリック体で表示されます。

CSSのemとは用途が異なります。

フィギュア　とよみます。

ボタン　とよみます。

オプショングループとよみます。
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>

ラベルとよみます。

フォームの項目名とチェックボックス、ラジオボタン等を関連付けるためのタグです。

リンク　とよみます。

link はCSSなどの外部ファイルを読み込むときに利用されてます。

オーエル、オーダーリスト　とよみます。
<ol type="1"><li></li><li></li>・・・</ol> で　１，２，３，・・・の数字が見出しのリストが表示されます。
<ol type="a"><li></li><li></li>・・・</ol> で　a，b，c，・・・の英語が見出しのリストが表示されます。

ブレイク　とよみます。