HTMLの自分用チートシート

はじめに

HTMLのタグを忘れたとき用に。

HTMLのタグまとめ

枠組み

タグ	説明
html	HTMLの文書ということを表す
head	ブラウザには表示されず、ページのタイトルや説明文、外部ファイルのリンクなどの情報を記述
meta	ヘッダ内で文字コードや説明文を記述
title	タブやブックマークしたときのタイトルに表示される
link	CSSファイルなどの外部ファイルを読み込むときに使う
body	ブラウザで表示される部分

表示部分

タグ	説明
h1 ～ h6	見出し。数字が大きくなると見出しが小さくなっていく
p	段落を表す
img	画像の表示。src属性で画像を指定、alt属性で画像をうまく読み込めなかったときに表示するテキストを記述
a	リンクを貼る。リンク先はhref属性で指定
ul	番号なしの箇条書きリスト
ol	番号ありの箇条書きリスト
li	リストの項目

表

タグ	説明
table	表を表し、表全体を囲む
tr	表の1行を囲む
th	見出しのセルを作成
td	データのセルを作成

フォーム

タグ	説明
form	フォームの作成
<input type="text">	1行テキスト入力欄
<input type="radio">	ラジオボタン
<input type="checkbox">	チェックボックス
<input type="submit">	送信ボタン
select	セレクトボックス
option	セレクトボックスの選択項目の作成
textarea	複数行テキスト入力欄
label	フォームのラベル。ラジオボタンやチェックボックスのテキスト部分もクリックできるようになる

グループ化

タグ	説明
header	ヘッダー部分を作成
nav	ナビゲーションメニューを作成
article	記事部分の作成。ここだけを見ても独立したページとして成り立つ
section	1つのテーマを持ったグループ
main	ページのメイン部分
aside	本文ではない補足情報。メインコンテンツとは関連性が低い
footer	フッター部分の作成
div	意味を持たないブロック要素