このページは、初心者シリーズ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) | この中に行データを置く |
th |
表の見出し(table header) | この中に表の見出しを置く |
td |
表のデータ(table data) | この中に表のセルデータを置く |
header |
ヘッダ(header) | 目次やナビゲーションなのどのセクション |
div |
仕切り(division) | 汎用的なページの区切り |
ol |
順序のあるリスト(ordered list) | この中に順序のあるリストを置く |
ul |
順不同のリスト(unordered list) | この中に順不同のリストを置く |
li |
リスト(list item) | リストの項目を記述 |
blockquote |
ブロッククォート(block quotation) | リストの項目を記述 |
br |
改行(break) | 改行 |
HTMLタグ | タグ名 | 目的 | 記述例 | 画面上の表示結果 |
---|---|---|---|---|
em |
軽い強調(emphasized) | テキストを軽く強調する | 技術の成熟(<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">
|
|
span |
スパン(span) | 範囲を定義(他の属性と組み合わせて装飾などで使われることが多い) |
<span>イシュマエルと呼んでくれ。</span>
|
イシュマエルと呼んでくれ。 |
code |
コード(code) | ソースコードとして定義する | table |
tabele |
HTMLタグ | タグ名 | 目的 |
HTML | HTML | HTML文書であることを宣言する |
head | ヘッダ(head) | この中に文書に関する情報を置く |
body | 本文(body) | この中に本文を置く |
title | タイトル(title) | ページのタイトルを表す |
meta | メタ(meta tag) | 文書に関する、特定のタグがない様々な情報を指定する |