
HTML学習サイト:初心者でも分かりやすいHTMLタグ一覧と入門リファレンス
ウェブ制作に関する基礎知識やHTMLの書き方について解説を行います。ホームページやブログを自分で作ってみたいと思っている方は、まずHTMLを理解することから始めましょう。ウェブページがどのような仕組みで表示されているのかを知ると、インターネットをより便利に賢く使えるようになります。
よく使うHTMLタグ
必ず使う要素 | |
---|---|
<html> | HTML文書の開始を宣言してドキュメントルートを定義する |
<head> | ドキュメントのヘッダーを定義する |
<title> | ウェブページのタイトルを指定する |
<meta> | ドキュメントに関するメタ情報を追加する |
<body> | 画面に表示させるページ内容を定義する |
基本的な構成に必要な要素 | |
<h1> 〜 <h6> | 文書やセクションの見出しを表す |
<p> | 文章の段落を指定する |
<div> | ブロックレベル要素としての範囲を指定 |
<span> | インライン要素としての範囲を指定する |
<a> | リンクを指定する |
<img> | 画像を表示する |
文書構造を組み立てる要素 | |
<article> | 自己完結した記事であることを示す |
<section> | 文書構造におけるセクションを定義する |
<aside> | 本筋から分離しても問題のない余談や補足を表す |
<header> | セクションの先頭となるグループを表す |
<footer> | セクションのフッターを表す |
<nav> | ページ上の主要なナビゲーションであることを表す |
HTMLとは
HTMLという言葉は、HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)の略で、ウェブページを記述するために作られた言語を意味します。その名の通り、テキストを用いて文書の構造や意味関連付けを行うので、特別なソフトウェアは必要ありません。テキストエディタさえあれば、誰でも簡単に、無料で学習することが可能です。その手軽さこそが、HTMLの魅力でもあります。
HTMLの仕様は、W3Cによって1999年に勧告されたHTML4.01が、長い間メジャーバージョンでしたが、現在はHTML5を経て HTML Living Standard が主流になっています。これから学び始める方は、現行の標準仕様であることを確認しましょう。