HTMLタグの基礎-1

2021/12/22

こんにちは!前回より少々間が空いてしまいましたが、皆様いかがお過ごしでしょうか。

 

2021年度の新人研修にて、「HTML」「CSS & JavaScript」「jQuery」「VBA」「シェル」の5つについて調査・発表を行いました。

今後数回にわたって、当時作成した資料を各項目ごとに投稿していきたいと思います。

題して、「2021年度新人研修シリーズ」です!

 

第1弾は、HTMLタグについてのご紹介です!

 

HTMLとは

HTMLとは、主にウェブページを作成する際に使用する言語です。HTMLタグで文章を囲むことで、この文章の構造を表しています。

 

HTMLの基本構造

HTMLの基本構造として3つのタグ要素があります。

  • <html>
    「これはHTML文書ですよ」ということを示す
  • <head>
    文字コード、タブタイトルなど、文書全体の説明
  • <body>
    本文、実際に表示されている画面の内容

 

<p>タグ <div>タグ <span>タグ <h1>~<h5>タグ
  • <p>:段落(前後に改行が入る)
  • <div>:ブロック要素(前後に改行が入る)
  • <span>:インライン要素(前後に改行が入らない)
  • <h1>~<h5>:見出し(1から順に文字サイズが小さくなる)

試しに見出しを大きい順に並べると...

 

このように、HTMLは主にウェブページ作成で使用し、タグ要素で構成されています。

次回はよく使われるタグ要素をご紹介したいと思います!

担当者:はる