ここからは仕事で使う事柄達をアップしていきたいと思います！

ノート的な感じでまとめて自分の振り返りや、読んだ方の手助けになれたらと思います。

まずHP制作において使用するHTMLタグから↓

HTMLタグ は100以上存在するといわれています。

Web制作を始めたばかりの初心者が覚えるべきタグを9つ紹介しますね！

①divタグ

囲った部分をグループ化する際に使うタグ

CSSを使う際に、まとまりごとに指示出しが可能です。

表示例

<div class=”example”>

  <h2>今日のセミナーの内容</h2>

  <p>午前中は…</p>

</div>

②hタグ

hタグは、見出しを表示する場合に使用するタグ

hとはheading（見出し）の略です。hタグは「h1」から「h6」まであり、数字が大きいほど文字は小さくなります。

表示例

<h1>HTMLとは？メリット・デメリットについて解説</h1>

<h2>HTMLとは</h2>

<h3>HTMLとCSSは異なる</h3>

③imgタグ

imgタグは、Webサイト内に画像を表示するタグ

imgはImage（画像）の略です。imgタグで表示できる画像形式は限られており、JPG・PNG・GIF・SVGなどです。

表示例

<img src=”images/html.png” alt=”株式会社HTML”>

④aタグ

Webサイトにリンクを貼り付ける際に使うタグ

aはanchor（アンカー）の略です。aタグはテキストだけではなく、画像もはさめます。リンク先はhref属性で指定され、aタグで挟んだ文字がブラウザ上に表示されます。

表示例
<a href=”URLを記載”>リンクを表示</a>

⑤pタグ

pタグは、1つの段落を指定する場合に使用するタグ

paragraph（段落）の頭文字を表します。文章を綴る際に囲むタグという意味合いで使用する。

表示例

<p>

プログラミング初心者のなかには、HTMLが難しいと悩む人もいます。

慣れることが、上達への一歩です。

</p>

⑥～は次回に続きます。