0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?