HTMLリファレンス

HTMLはホームページを作る際のベースとなるものです。

これをタグと言います。この部分を開始タグ、この部分を終了タグと言います。他にも様々なタグがあり、これらのタグを組み合わせてホームページを作っていきます。ブラウザはこの書き方を認識して、ホームページとして表示してくれます。

もしHTMLだけのホームページでしたら、真っ白な画面に文章だけが表示されている状態になります。このページでは、HTMLのタグについて基本的なものを紹介しています。リファレンスとしてご利用ください。

また、ブラウザでご覧になっているホームページのソースコードを見ることができます。Google Chromeであれば「表示」「開発/管理」「ソースを表示」の順番で確認できます。

HTML5.1の概要

HTML構文とXHTML構文を選択できますが、ここで紹介するのはより普及しているHTML構文での書き方になります。HTML5ではHTML4を基本として新しいタグが採用されていますので、HTML4を学んだことがある方は変更点を押さえておけばいいでしょう。大きな変更点は要素の定義です。要素には７つの定義があり。フローコンテンツ・ヘッディングコンテンツ・セクショニングコンテンツ・フレージングコンテンツ・組み込みコンテンツ・インタラクティブコンテンツ・メタデータコンテンツに分類されます。文脈によって使用するタグを考えて構成する必要があります。これが大きな変更点です。HTML5では文脈に合わせてコンテンツを表現する必要があるということです。

HTML基本タグ一覧
全体	html	ホームページの骨格部分となる最初に記述するタグ。html、head、bodyについて。HTMLを構成する基本タグ「枠組み部分」
メタデータ	meta	ホームページには表示されない内部情報を指定するタグ。meta、title、link、styleについて。metaデータを表すタグの基本
構造	h	コンテンツの見出しを表すタグ。hタグ
	p	文章の段落を表すタグ。pタグ
	div	大きなひと塊りのグループを作るタグ。div
	span	小さなひと塊りのグループを作るタグ。spanタグ
	hr	横線でコンテンツを仕切るタグ。hrタグ
リスト	ulとol	リストを作るタグ ol/ul違いがある。ol/ul
リスト	dl	対話的表現方法、日付と項目などに利用するタグ。dl
テキスト	a	ページ遷移のためのリンクを設定するタグ。aタグ
	br	pタグ内で改行したい場合に使用するタグ。br
	strong	太文字で強調するタグ、検索エンジンに重要なキーワードを伝える役目もある。strong
	em	斜線による強調をするタグ。em
	pre	空白をそのまま表示するタグ、歌詞やコードなどに使用する。pre
メディア	img	イメージ画像を挿入するタグ。img
フォーム	form	お問い合わせフォームなどに使用し、サーバーにデータを送信するタグ。form
	input	formタグと共に使い、入力エリアなどを作るタグ。input
	selectとoption	選択ボックスなどを作るタグ。select/opiton
	textarea	文字量のおおい場合に利用する入力エリアを作るタグ。textarea
表	table	表を作るタグ。table
表	caption	表のタイトルを表すタグ。caption
その他	記号	キーボードにない記号を表示するタグ。文字参照（記号）
その他	time	時刻・日付・年を表すタグ、キャンペーンや特定の時代を表示する場合に使用する。time

timeタグの使い方

投稿日 2017年1月8日更新日 2017年10月3日