Home / ネットワーク・IT / IT基礎知識 / プログラミング / ウェブサイト作成の基本!使用目的別でみるHTMLタグ一覧【全74つ】

ウェブサイト作成の基本!使用目的別でみるHTMLタグ一覧【全74つ】

※本ページにはプロモーション(広告)が含まれています

画像動画関連タグ5個

画像動画関連タグは、サイトに画像や動画を表示したり外部の動画などをサイトに埋め込むためのタグです。画像動画関連タグを利用することによってサイトにテキスト以外の要素を表示させることができるようになり、見栄えが格段に良くなります。

画像動画関連タグ5個

  • <img>画像を表示させるためのタグ
  • <embed>動画や音声を埋め込むためのタグ
  • <embed>embedで埋め込みがブラウザにサポートされていない場合に表示させる内容
  • <obj>画像や動画などデータ形式に関わらずサイトに埋め込むためのタグ
  • <bgsound>サイトでバックサウンド(BGM)を流すためのタグ

表・テーブル関連タグ10個

表・テーブル関連タグはサイト上に表テーブルを利用するためのタグです。文章内で表を使いたい場合や、サイト全体のレイアウトにも利用することができます。

表・テーブル関連タグ10個

  • <table>テーブルを作成するタグ
  • <tr>テーブルの行を作成するタグ
  • <th>テーブルの見出しを作成するタグ
  • <td>テーブルの内容を作成するタグ
  • <thead>テーブルの見出し行であることを明示するタグ
  • <tbody>テーブルの内容行であることを明示するタグ
  • <caption>テーブルの見出しタイトルをつけるためのタグ
  • <col>テーブルの縦の行の幅や使用する列数、横方向などを指定するタグ
  • <center>文字を中央表示するタグ
  • <hr>横罫線を作成するタグ

リスト関連タグ6個

リスト関連タグはサイト内で箇条書き表示をするときに使用するタグです。番号順で数字が並ぶリストと順序のないリストの二種類のリストを作成することができます。

リスト関連タグ6個

  • <ol>order listの略で、数字の順番表示のある箇条書きを作成するタグ
  • <ul>unordered listの略で、数字の順番のない箇条書きを作成するタグ
  • <li>リストの内容を作成するタグ
  • <dl>何かの定義や属性情報を説明する箇条書きである事を示すタグ
  • <dt>定義する対象を示すタグ
  • <dd>定義内容を示すタグ

文書構造タグ8個

文書構造タグは、文書のメタ情報や本体範囲を示したり、見出しやタイトル、段落を作成することのできるタグです。HTMLの中では最も使われることの多い基本的なタグとなりますので、これらはしっかりと覚えておくようにしましょう。

文書構造タグ8個

  • <!DOCTYPE>ドキュメントタイプを指定するタグ
  • <HTML>HTML文書であることを明示するタグ
  • <head>ヘッダー情報を記す範囲を示すタグ
  • <meta>ヘッダー情報の範囲の中で文書のメタ情報を示すタグ
  • <title>文書・ページのタイトルを示すタグ
  • <body>文書の本体情報を記す範囲を示すタグ
  • <h1>~<h6>文章中の見出しをつけるタグ
  • <p>文書内で段落を作成するタグ

まとめ

HTML言語はサイトを作成する上で欠かすことのできない重要な言語です。

他の開発言語と比較して覚えることも少なく、すぐにマスターすることができますので、これから自分でサイトを作成したいと考えている方は是非こちらの一覧をそのまま覚えていくと良いでしょう。

また、サイトはCSSというデザインを指定する言語と合わせて作られていることがほとんどで、そちらも合わせて勉強すると自由にサイトを作っていくことができるようになります。

1 2

Check Also

HTML学習に便利なHTMLのリファレンスサイト17選

HTMLを勉強する際には何を参 …