HTMLタグ - アープラノート

HTMLタグ

HTMLでは文書の表示方法やハイパーリンクなどを「タグ」と呼ばれるマークによって文章の構造を表現する。

このような言語は一般的に「マークアップ言語」と呼ばれる。

HTMLタグの役割は、コンピューターがそのページの構造を理解できるようにすること。

下はHTMLタグの一部

文書情報・構造

<!DOCTYPE>タグ …… ドキュメントタイプを宣言する

<HTML> タグ…… HTML文書であることを宣言する

<HEAD> タグ…… 文書のヘッダ情報を表す

<META> タグ…… その文書に関する情報（メタ情報）を指定する

<TITLE> タグ…… 文書にタイトルをつける

<BODY>タグ …… 文書の本体を表す

<H1>～<H6>タグ…… 見出しを付ける

<P> タグ…… ひとつの段落（パラグラフ）であることを表す

画像・動画・埋め込み

<IMG>タグ …… 画像を表示する

リンク

<A>タグ …… リンクをはる、リンクの出発点・到達点を指定する

リスト→リストを表示するHTMLタグ

<OL>タグ …… 順序のあるリストを表示する

<UL>タグ …… 順序のないリストを表示する

<LI>タグ …… リストの項目を記述する

表・レイアウト→表を作るHTMLタグ

<TABLE>タグ …… テーブル（表）を作成する

<TR>タグ …… テーブル（表）の横方向の一行を定義する

<TH>タグ …… テーブル（表）の見出しセルを作成する

<TD>タグ …… テーブル（表）のデータセルを作成する

入力フォーム→入力フォームを作るHTMLタグ

<FORM>タグ …… 入力・送信フォームを作成する

<INPUT>タグ …… フォームの構成部品（入力欄・ボタン等）を作成する

<INPUT type="submit">タグ …… フォームの送信ボタン・リセットボタンを作成する

<INPUT type="image">タグ …… フォームの画像ボタンを作成する

<INPUT type="button">タグ …… フォームの汎用ボタンを作成する

<INPUT type="text">タグ …… 一行テキストボックスを作成する

<INPUT type="radio">タグ …… ラジオボタンを作成する

<INPUT type="checkbox">タグ …… チェックボックスを作成する

<INPUT type="hidden">タグ …… 非表示データを送信する

<INPUT type="file">タグ …… サーバーにファイルを送信する

<SELECT> タグ…… セレクトボックスを作成する

<OPTION>タグ …… セレクトボックスの選択肢を指定する

<BUTTON>タグ …… ボタンを作成する

<TEXTAREA>タグ …… 複数行の入力フィールドを作成する

<LABEL>タグ …… フォーム部品と項目名（ラベル）を関連付ける

参考：HTMLタグリファレンス（目的別）

<progress>－HTML5タグリファレンス

タスク完了までの進捗度を表す

code:html

<progress value="30" max="100"></progress>