HTML 基本例
1. HTML ドキュメント
すべての HTML ドキュメントは、ドキュメント型宣言（Document Type Declaration）である <!DOCTYPE html> から始まらなければなりません。
HTML ドキュメント自体は <html> で始まり、</html> で終わります。
ブラウザに表示される部分は、<body> と </body> の間に記述します。
1.1 実装例
<!DOCTYPE html>
<html>
<body>
<h1>これは見出しです</h1>
<p>これは段落です。</p>
</body>
</html>2. <!DOCTYPE> 宣言
<!DOCTYPE> 宣言は、ドキュメントのタイプを表し、ブラウザがウェブページを正しく表示するのを助けます。
この宣言は、ページの最上部（HTML タグの前）に一度だけ記述する必要があります。
<!DOCTYPE> 宣言は大文字と小文字を区別しません。
HTML5 における宣言は以下の通りです：
<!DOCTYPE html>3. HTML 見出し（Headings）
HTML の見出しは <h1> から <h6> までのタグで定義されます。
<h1> は最も重要な見出しを定義し、<h6> は最も重要度の低い見出しを定義します。
3.1 実装例
<h1>これは見出し 1 です</h1>
<h2>これは見出し 2 です</h2>
<h3>これは見出し 3 です</h3>4. HTML 段落（Paragraphs）
HTML の段落は <p> タグで定義されます。
4.1 実装例
<p>これは段落です。</p>
<p>これは別の段落です。</p>5. HTML リンク（Links）
HTML のリンクは <a> タグで定義されます。
5.1 実装例
<a href="https://www.volardev.com">これはリンクです</a>リンクの転送先（Destination）は href 属性（Attribute）で指定されます。
属性は HTML 要素に関する追加情報を提供するために使用されます。
6. HTML 画像（Images）
HTML の画像は <img> タグで定義されます。
ソースファイル（src）、代替テキスト（alt）、幅（width）、高さ（height）が属性として提供されます。
6.1 実装例
<img src="volardev.jpg" alt="Volardev.com" width="104" height="142">7. HTML ソースの表示方法
ウェブページを閲覧していて、「どうやってこのページを作ったのだろう？」と思ったことはありませんか？
7.1 HTML ソースコードの表示（View HTML Source）
ブラウザ上で右クリックし、「ページのソースを表示」（Chrome の場合）を選択するか、同様のオプションを選択します。これにより、ページの HTML ソースコードを含むウィンドウが開きます。
7.2 HTML 要素の検証（Inspect an HTML Element）
要素の上で右クリックし、「検証」（Inspect）を選択します。これにより、どの要素（Element）がどのような HTML と CSS で構成されているかを確認できます。また、開いた「要素」パネルや「スタイル」パネル上で、HTML や CSS をその場で編集して結果を確認することも可能です。