よく使うHTMLタグ一覧

シンプルに使用頻度の高いタグをまとめました。
タグとその用途が記載されています。

基本構造、head内

• html : HTML文章だということを表す

• head : HTMLのヘッダー部分

• meta : 言語や説明文など、ページの情報を記述

• title : ページタイトル。ブラウザのタイトルやブックマークした時のページタイトルで表示

• link : 参照する外部ファイル。主にCSSファイルを参照

• body : HTML文章のコンテンツ部分

コンテンツ内容

• h1~h6 : 見出し

• p : 文章の段落

• img : 画像表示。src属性で表示画像を指定

• a : リンクを貼る。href属性で指定

• ul : 箇条書き

• ol : 番号付きの箇条書き

• li : リストの各項目

• br : 改行

• strong : 太文字

• blockquote : 引用文

• smail : 著作権表示や法的表記

• span : インライン要素

• audio : 音声データの埋め込み

• video : 動画データの埋め込み

• script : JavaScriptなど記述

表

• 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 : ページ下部にある要素。コピーライトやSNSリンクなどを含む

• div : ブロック要素

最後に

上記情報は 1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座 を参照しています。