HTMLのタグ読みと意味の一覧
はじめに

WEBプログラミングを学習するにあたって
ほとんどの人がまず最初に学習するのがHTMLです。

そのタグと読み方と意味をまとめました。

ABCDEFGH
IKLMNOPQ
RSTUVW

スポンサーリンク

A

<a> アンカー リンクを設置する
<abbr> アリヴィエーション 略称を表す
<area> エリア イメージマップのリンク領域
<audio> オーディオ プラグインを使わずに音声を再生
<aside> アサイド 補足情報を表す

B

<b> ビー 太文字
<base> ベース 基準となるURLを指定する
<bdi> バイディレクショナル 書字方向が異なるテキストを表す
<bdo> バイディレクショナルオーバーライド テキストの書字方向を指定する
<blockquote> ブロッククォート 引用を表す
<body> ボディ 文章の内容を表す
<br> ラインブレーク 改行を表す
<button> ボタン ボタンを表す

スポンサーリンク

<canvas> キャンバス グラフィックを描く領域
<caption> キャプション 表のタイトルを表す
<cite> サイト 引用の出典元や作品タイトル
<code> コード コンピューター言語のコードを表す
<col> カラム 表の列を表す
<colgroup> カラムグループ 表の列グループを表す

D

<date> データ いろいろなデータをあらわす
<datalist> データリスト 詳細情報の表示・非表示
<dd> ディフニションデイスクリプション 説明リストの説明文を表す
<del> デリート 削除されたテキスト
<details> ディテールス 操作可能なウィジットを表す
<dfn> ディフィニション 定義後を表す
<dialog> ダイアログ ダイアログを表す
<div> ディヴィジョン 範囲指定
<dl> ディスクリプションリスト 説明リストを表す
<dt> ディスクリプションターム 説明リストの語句を表す

E

<em> エンファシス 強調したいテキストを表す
<embed> エンベッド アプリケーションやコンテンツを埋め込む

F

<fieldset> フィールドセット 入力コントロールの内容をまとめる
<figcaption> フィギュアキャプション 画像や図の表題
<figure> フィギュア 写真などのまとまりを表す
<footer> フッター フッターを表す
<form> フォーム フォームを表す

H

<h1>~<h6> ヘディング 見出しを表す
<head> ヘッド メタデーターを表す
<header> ヘッダー ヘッダーを表す
<hgroup> エイチグループ 見出しのグループ化
<hr> ホリゾンタルルール 段落の区切り線を表す
<html> エイチティーエムエル HTML文書のルート要素を表す

I

<i> アイ 質が異なるテキストを表す
<iframe> アイフレーム 他のHTMLの文章を埋め込む
<img> イメージ 画像を埋め込む
<input> インプット 入力コントロールを表示する
<ins> インサート 文章に後から挿入・追記されたテキストを表す

k

<kbd> キーボード 入力テキストを表す

L

<label> ラベル 入力コントロールの項目名を表す
<legend> レジェンド 入力コントロールのグループに見出しを付ける
<li> リストアイテム リストの項目を表す
<link> リンク 文章を他の外部リソースと関連付ける

M

<main> メイン 主要なコンテンツを表す
<map> マップ クリッカブルマップを表す
<mark> マーク ハイライトされたテキストを表す
<menu> メニュー ツールバーを表す
<meta> メタ 文章のメタデータを表す
<meter> メーター 特定の範囲にある数値を表す

N

<nav> ナビ 主要なナビゲーションを表す
<noscript> ノースクリプト スクリプトが無効な環境の内容を表す

O

<object> オブジェクト 埋め込まれた外部リソースを表す
<ol> オーダードリスト 序列リストを表す
<optgroup> オプショングループ 選択肢のグループを表す
<option> オプション 選択肢を表す
<output> アウトプット 計算の結果出力を表す

P

<p> パラグラフ 段落を表す
<param> パラメーター 外部リソースが利用するパラメーターを与える
<picture> ピクチャー レスポンシブイメージを実現する
<pre> プレフォーマッテッド 整形済みテキストを表す
<progress> プログレス 進捗状況を表す

Q

<q> クオート 語句単位での引用を表す

R

<rb> ルビベース ルビの対象テキストを表す
<rp> ルビパレンシス ルビテキストを囲む括弧を表す
<rt> ルビテキスト ルビテキストを表す
<rtc> ルビテキストコンテナ ルビテキストの集まりを表す
<ruby> ルビ ルビを表す

S

<s> エス 無効なテキストを表す
<samp> サンプル 出力テキストの例を表す
<script> スクリプト クライアントサイドスクリプトのコードを埋め込む
<section> セクション 文章のセクションを表す
<select> セレクト プルダウンメニューを表す
<slot> スロット Shadowツリーとして埋め込む
<small> スモール 細目や注釈のテキストを表す
<source> ピクチャー レスポンシブイメージを実現する
<span> スパン フレーズをグループ化する
<strong> ストロング 重要なテキストを表す
<strle> スタイル スタイル情報を記述する
<sub> サブスクリプト 下付きテキストを表す
<summary> サマリー ウィジェット内の項目の要約や説明文を表す
<sup> スパースプリクト 上付きテキストを表す

T

<table> テーブル 表組を表す
<tbody> テーブルボディ 表組みの本体部分の行グループを表す
<td> テーブルデーターセル 表組のセルを表す
<template> テンプレート スクリプトが利用するHTMLの断片を定義する
<textarea> テキストエリア 複数行にわたる入力欄を設置する
<tfoot> テーブルフッター 表組のフッター部分の行グループを表す
<th> テーブルヘッダーセル 表組の見出しセルを表す
<thead> テーブルヘッダー 表組のヘッダー部分の行グループを表す
<time> タイム 日付や時刻、経過時間を表す
<title> タイトル 文章のタイトルを表す
<tr> テーブルロウ 表組の行を表す
<track> トラック テキストトラックを埋め込む

U

<u> ユー テキストをラベル付けする
<ul> アンオーダードリスト 順不同リストを表す

V

<var> バリアブル 変数を表す
<video> ビデオ 動画ファイルを埋め込む

W

<wbr> ワードブレークオボチュニティー 折り返し可能な個所を指定する

【人気記事】

お車代御膳料をパソコンで印刷しよう

スポンサーリンク
おすすめの記事