アイキャッチ:HTML HyperText Markup Language

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 が主流になっています。これから学び始める方は、現行の標準仕様であることを確認しましょう。