4. HTMLタグの基本

HTMLタグの基本

HTML には様々なタグが用意されています。bodyタグの中でよく使われるHTMLタグをあげます。

HTMLタグにプロパティ（属性） という機能使うと、HTMLの幅が広がります。プロパティは開始タグの中に「プロパティ名」と「値」を入力します。

<タグ名 プロパティ名="値"></タグ名>

idとclassプロパティはHTML/CSS/JSでとてもよく利用されるプロパティです。h1タグにidプロパティ、classプロパティを設定した例です。

<h1 id="profile-title" class="profile">プロフィール</h1>

id、classプロパティ以外に、HTMLタグの種類によってたくさんのプロパティがあります。プロパティはその都度覚えていきましょう。

pタグは文章の段落をまとめます。

<p></p>

<p>
  こんにんちわ
</p>
<p>
  さようなら
</p>

こんにんちわ

さようなら

brタグは HTML 文章を改行します。

<br>

こんにんちわ
<br>
改行しました。

こんにんちわ
改行しました。

divタグは複数のHTMLタグを１つにまとめるます。

<div></div>

<div>
  <p>
    こんにんちわ
    <br>
    改行しました。
  </p>
</div>

こんにんちわ
改行しました。

h1タグからh6タグは見出しを表示し、ページの目次として多く利用します。

<h1>見出し1</h1>
<h2>見出し2</h2>
<h3>見出し3</h3>
<h4>見出し4</h4>
<h5>見出し5</h5>
<h6>見出し6</h6>

HTMLのpタグで正しいのはどれですか？

どのようなHTMLタグがあるか、ネットなどで検索してみましょう。