htmlリファレンスマニュアル

概要

HTML（HyperText Markup Language）は、Webページを作成するための基本的なマークアップ言語です。この参考手册では、HTMLの基本的な構造、要素、属性、使用例について説明します。

基本構造

HTML文書は、文書タイプ宣言、htmlタグ、headタグ、bodyタグの4つの主要な部分で構成されています。

文書タイプ宣言

文書タイプ宣言は、HTML文書が使用するHTMLのバージョンをブラウザに伝えるために使用されます。現在のHTML5の文書タイプ宣言は次の通りです：

<!DOCTYPE html>

htmlタグ

htmlタグは、HTML文書全体を囲むタグです。次に、基本的なHTML文書の例を示します：

<!DOCTYPE html>
<html>
<head>
  <title>タイトル</title>
</head>
<body>
  <h1>見出し1</h1>
  <p>段落</p>
</body>
</html>

要素

HTML要素は、開始タグ、内容、終了タグの3つの部分から構成されています。例えば、段落要素は次のように記述されます：

<p>これは段落です。</p>

共通のHTML要素

以下は、最も一般的に使用されるHTML要素のリストです：

要素 説明
<h1>～<h6> 見出しタグ。<h1>が最も重要で、<h6>が最も重要度が低い。
<p> 段落を定義するタグ。
<a> ハイパーリンクを定義するタグ。
<div> ブロックレベルのコンテナタグ。
<span> インラインレベルのコンテナタグ。
<img> 画像を表示するタグ。

属性

HTML属性は、要素に追加の情報を提供するために使用されます。属性は、開始タグの中に名前と値のペアとして指定されます。

共通のHTML属性

属性 説明
id 要素の一意の識別子を指定します。
class 要素のクラス名を指定します。
src 画像、スクリプトなどのリソースのURLを指定します。
href リンク先のURLを指定します。
alt 画像の代替テキストを指定します。
title 要素の追加情報を指定します。

使用例

以下に、HTML要素と属性の使用例を示します：

リンクと画像

<a href="https://www.japanitguide.com">これはリンクです</a>
<img src="/japanitguide.jpg" alt="例の画像">

フォーム要素

<form action="/submit" method="post">
  <label for="name">名前:</label>
  <input type="text" id="name" name="name"><br>
  <label for="email">メール:</label>
  <input type="email" id="email" name="email"><br>
  <input type="submit" value="送信">
</form>

htmlリファレンスマニュアル main content: