HTMLとは何か
HTML(HyperText Markup Language)は、ウェブページとその内容を構造化するために使用されるコードです。例えば、内容は段落のセット、箇条書きリスト、画像やデータテーブルを使用して構造化できます。
段落のセット
HTML内で段落を作成するには、<p>
タグを使用します。次にその例を示します。
<p>これは1つ目の段落です。</p>
<p>これは2つ目の段落です。</p>
これにより、ウェブページ上で以下のように表示されます。
これは1つ目の段落です。
これは2つ目の段落です。
箇条書きリスト
HTMLでは箇条書きリストを作成するには、<ul>
タグと<li>
タグを使用します。
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
これにより、ウェブページ上で以下のように表示されます。
- 項目1
- 項目2
- 項目3
画像の使用
HTML内で画像を表示するには、<img>
タグを使用します。
<img src="japanitguide.jpg" alt="example image">
これにより、指定された場所に画像が表示されます(実際の画像は表示されませんが、例として示しています)。
データテーブルの使用
データを構造化して表示するには、<table>
タグを使用します。次にその例を示します。
<table border="1">
<tr>
<th>ヘッダー1</th>
<th>ヘッダー2</th>
</tr>
<tr>
<td>データ1</td>
<td>データ2</td>
</tr>
</table>
これにより、ウェブページ上で以下のようなテーブルが表示されます。
ヘッダー1 | ヘッダー2 |
---|---|
データ1 | データ2 |
よくある質問(FAQ)
HTMLは何の略ですか?
HTMLは「HyperText Markup Language」の略で、ウェブページの内容と構造を記述するための言語です。
HTMLとCSSの違いは何ですか?
HTMLはウェブページの内容と構造を定義するのに対し、CSSはその表示スタイル(色、フォント、レイアウトなど)を定義します。
初心者がHTMLを学ぶための良いリソースは何ですか?
初心者向けのリソースとして、W3Schools、Mozilla Developer Network (MDN)、Codecademyなどのウェブサイトがあります。