LoginSignup
0
1

More than 3 years have passed since last update.

HTMLの基本的なタグ

Posted at

HTMLの基本的なタグについて

HTMLのタグは様々な種類があり、それによって文字の役割が変わってくるので非常に重要なものである。
タグは基本、<>(開始タグ)や</>(終了タグ)を用いて書いていく。

htmlタグ

htmlタグは、HTMLで書くコード全てを囲むタグである。開始タグは一番上、終了タグは一番下に書く。この中に様々なhtmlのコードを書いていく。

headタグ

headタグは、doctype宣言やmetaタグなど、読者の目には見えない情報をこの中に記述するタグである。

metaタグ

metaタグ、は製作者や日付、キーワードなどを記述するタグである。このタグには終了タグはなく、開始タグの中に書き込んでいく必要がある。

linkタグ

linkタグは、外部のサイトやCSSなどを読み込むときに使うタグである。こちらも,metaタグ同様に終了タグがない。

bodyタグ

bodyタグは、読者が読む内容を記述していくタグである。bodyタグからCSSを適用していく。

headerタグ

headerタグは、ロゴやホームページ内の構造などを書き記すときに使うある。headerをクリックすると一番上に戻るなどの役割を持たせる。

footerタグ

footerタグはページの一番したに置いておくものを書くときに使うタグである。

divタグ

divタグは、一つのまとまりを作る時に使うであり、タグ自体に意味は持たない。

h1〜6タグ

H1〜6タグは、見出しに使うタグ。番号が大きくなるにつれて見出しの大きさも小さくなっていく。

pタグ

pタグは、説明文など文章を書く時に用いるタグである。

imgタグ

imgタグは、画像などを表示させる時に使うタグ。srcに続けて画像のurlを指定する。こちらも終了タグがない。

aタグ

aタグは、他のサイトのリンクを貼るときやページ内の別の場所に飛ばしたい時に用いるタグである。hrefに続けてリンクを貼る。

liタグ

liタグはリストなどを作成する時に用いる。主にulタグで囲って使用する。

他にも様々なタグがあるので使いながら覚えておくといい。

これからも学習次第、Qiitaにまとめて行けたらと思う。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1