このページは、初心者シリーズWeb基礎編
「HTML」で多用されるタグのいくつかをすぐ参照できるクイックリファレンスページと
して作られます。このページの制作を通じて、HTMLのテーブル（table）をtable
タグやそれに関連するタグの使い方を学びます。
以下のテーブルに含まれるHTMLタグは全体の一部に過ぎませんが、重要なHTMLについてはここで参照できます。
| HTMLタグ | タグ名 | 目的 |
|---|---|---|
h1–h6 |
見出し(heading) | この中に見出しを置く(レベル:1–6) |
p |
段落(パラグラフ:paragraph) | include a paragraph of text |
table |
表(テーブル:table) | この中にテーブルを置く |
tr |
表の行(table row) | この中に行データを置く |
td |
表のデータ(table data) | この中に表のセルデータを置く |
th |
表の項目名データ(table header) | この中に表の項目名を置く |
header |
見出し(header) | 見出しを定義する |
div |
コンテンツ区分要素(division) | フローコンテンツの汎用コンテナ |
ol |
順序付きリスト(ordered list) | 順序付きリストを表示する |
ul |
順序なしリスト(unordered list) | 順序なしリストを表示する |
li |
リスト(list) | リストを1つ表示する |
blockquote |
ブロック引用(block quote) | ブロック単位で引用を表す |
br |
改行要素(break) | テキストのブロック内で改行を行う |
| HTMLタグ | タグ名 | 目的 | 記述例 | 画面上の表示結果 |
|---|---|---|---|---|
em |
軽い強調(empasized) | テキストを軽く強調する | 技術の成熟(<em>technical sophistication</em>) |
技術の成熟(technical sophistication |
strong |
強調(strong) | テキストを強調する |
<strong>少なくとも10億人</strong>
|
少なくとも10億人
|
a |
アンカー(anchor) | ハイパーリンクにする |
<a href="https://learnenough.com/">Learn Enough</a>
|
Learn Enough |
img |
画像(image) | 画像を配置する |
<img src="https://bit.ly/1MZAFuQ" alt="Michael Hartl">
|
|
code |
ソースコード(code) | ソースコードを表示する | <code>int i;</code> | int i; |
span |
コンテンツ区分要素(span) | 記述コンテンツの汎用的な行内コンテナ | <span>ここを強調</span> | ここを強調 |
| HTMLタグ | タグ名 | 目的 |
|---|---|---|
html |
HTML文書のルート(html) | HTML文書を定義する |
head |
HTML文書のヘッダ(header) | 機械処理のための情報を保持する |
title |
HTML文書のタイトル(title) | HTML文書のタイトルを定義する |
meta |
メタデータ(meta) | 他のメタ関連要素では表すことのできない任意のメタデータを定義する |
body |
HTML文書の本文(body) | HTML文書の本文を記述する |
!DOCTYPE |
文書の定義 | 文書の種類を定義する |