catnose
/
html
Archived
HTML
CSS
初心者向けHTMLリファレンス
HTMLタグの役割や基本的な使い方をまとめました。コーディングや学習の際にリファレンスとしてご活用ください。
a
aタグ
リンクを作成する
audioタグ
音声データを埋め込む
asideタグ
補足的な内容であることを表す
abbrタグ
略語を表す
addressタグ
連絡先の情報を表す
articleタグ
完結したコンテンツであることを表す
b
buttonタグ
ボタンを表す
bタグ
注意を引かせる
brタグ
改行する
blockquoteタグ
引用文を表す
baseタグ
基準となるURLを指定
bdiタグ
書字方向を分離する
bdoタグ
文字の表示される方向を変える
bodyタグ
HTMLのコンテンツ部分を表す
c
codeタグ
コードを表す
citeタグ
作品名や題名を表す
captionタグ
表(table)のキャプション
d
divタグ
意味を持たないブロックレベル要素
delタグ
削除されたテキストを表す
DOCTYPE
HTMLの文書であることを宣言する
details/summaryタグ
折りたたみコンテンツ
dfnタグ
定義する用語を表す
dl/dt/ddタグ
説明リストを表す
e
emタグ
テキストを強調する
f
formタグ
フォームを設置する
figcaptionタグ
figureの注釈を表す
figureタグ
自己完結するコンテンツを表す
footerタグ
フッターを表す
h
hrタグ
テーマの区切りを表す
headerタグ
導入的なコンテンツをまとめる
headタグ
HTML文書のメタデータを配置する
htmlタグ
文書の基点(ルート)を表す
h1-h6タグ
見出しを表す
i
imgタグ
画像を表示する
<input type="color">
カラーピッカーを設置する
<input type="date">
日付の入力欄を作成する
<input type="file">
ファイルのアップロード・ボタン
<input type="month">
年月だけの入力欄を作成する
<input type="time">
時刻の入力欄を作成する
inputタグ・コンプリートガイド
HTMLの入力欄の使い方
<input type="checkbox">
チェックボックスを作成する
<input type="email">
メールアドレス入力欄を作成する
<input type="hidden">
隠しフィールドを設置する
<input type="number">
数値の入力欄を作成する
<input type="password">
パスワード入力欄を作成する
<input type="radio">
ラジオボタンを作成する
<input type="range">
数値を選ぶスライダーを作成する
<input type="tel">
電話番号入力欄を作成する
<input type="text">
1行の入力欄を作成する
<input type="url">
URL入力欄を作成する
insタグ
追加されたテキストを表す
iタグ
他と区別したいテキストを表す
iframeタグ
別のHTML文書を埋め込む
k
kbdタグ
キーボードなどの入力を表す
l
labelタグ
入力欄のラベルを表す
liタグ
リストの項目を表す
m
markタグ
参照するテキストを目立たせる
mainタグ
主要なコンテンツを表す
map/areaタグ
イメージマップを作成する
n
navタグ
ナビゲーションリンクを含むセクションを表す
o
olタグ
順序ありリスト
p
preタグ
整形済みのテキストを表す
pタグ
段落を表す
pictureタグ
レスポンシブに画像を切り替える
q
qタグ
インラインで引用する
r
rubyタグ
ルビ(ふりがな)を振る
s
spanタグ
意味を持たないインライン要素
select/optionタグ
セレクトボックスを作成する
sタグ
既に適切ではなくなった文字列を表す
strongタグ
重要性の高いテキストを表す
sectionタグ
1つのセクションを表す
sampタグ
プログラムの出力内容を表す
smallタグ
小さく表示される文を表す
t
templateタグ
JavaScriptで後から挿入するHTML
textareaタグ
複数行のテキスト入力欄を作成
tableタグ
表を作成する
tdタグ
表のデータセル
thタグ
表の見出しセル
titleタグ
ページのタイトルを表す
trタグ
表の行
u
ulタグ
順序なしリスト
v
videoタグ
動画を埋め込む
*
<!-- -->
HTMLでコメントアウト