![見出し画像](https://assets.st-note.com/production/uploads/images/105778659/rectangle_large_type_2_8c58740d97b3b34ab7ab873f41dac4d2.png?width=1200)
よく使う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デザイン入門講座 を参照しています。
この記事が気に入ったらサポートをしてみませんか?