例の HTML とは何ですか?

例の HTML とは何ですか?

HTML（HyperText Markup Language）は、ウェブページとその内容を構造化するために使用されるコードです。たとえば、内容は段落、箇条書きリスト、画像やデータテーブルを使用して構造化することができます。

段落による構造化

HTMLを使用すると、内容を複数の段落に分けることができます。これにより、文章が読みやすくなり、各ポイントが明確になります。

<p>これは最初の段落です。</p>
<p>これは2つ目の段落です。</p>

箇条書きリストによる構造化

箇条書きリストは、項目を一覧にして整理するのに便利です。HTMLでは<ul>と<li>タグを使用して箇条書きリストを作成します。

<ul>
    <li>1番目の項目</li>
    <li>2番目の項目</li>
    <li>3番目の項目</li>
</ul>

画像による構造化

HTMLを使用すると、ページに画像を追加して視覚的な要素を強化することができます。これによりコンテンツの魅力が向上します。

<img src="path/to/image.jpg" alt="画像の説明" />

データテーブルによる構造化

データテーブルは、大量のデータを整理して表示するのに役立ちます。HTMLでは<table>、<tr>、<td>、および<th>タグを使用してテーブルを作成します。

<table>
    <tr>
        <th>ヘッダー1</th>
        <th>ヘッダー2</th>
    </tr>
    <tr>
        <td>データ1</td>
        <td>データ2</td>
    </tr>
</table>

HTMLの例

以下は、HTMLの基本的な例です。これには、段落、リスト、画像、およびテーブルが含まれています。

<!DOCTYPE html>
<html>
<head>
    <title>サンプルページ</title>
</head>
<body>
    <h1>これはタイトルです</h1>
    <p>これは段落です。</p>

    <ul>
        <li>最初の項目</li>
        <li>2番目の項目</li>
    </ul>

    <img src="example.jpg" alt="サンプル画像" />

    <table>
        <tr>
            <th>名前</th>
            <th>年齢</th>
        </tr>
        <tr>
            <td>太郎</td>
            <td>30</td>
        </tr>
    </table>
</body>
</html>

よくある質問（QA）

HTMLを学ぶためにどこから始めるべきですか？

インターネット上には、HTMLのチュートリアルやリソースが多数あります。特に、W3SchoolsやMozilla Developer Network（MDN）は初心者にとって優れた出発点です。

HTMLとCSSの違いは何ですか？

HTMLはウェブページの構造を定義するために使用されますが、CSSはその見た目をスタイル設定するために使用されます。二つは一緒に使用されることが多いですが、異なる役割を果たしています。

HTMLは動的な要素を作成するために使用されますか？

いいえ、HTMLは主に静的なコンテンツを定義するために使用されます。動的な要素を作成するにはJavaScriptが使われます。