HTMLのタグについて
この記事では、HTMLのタグについて記載する。
1. 目的
・HTMLのタグについて理解する。
目次
2. タグとは
・タグは角括弧（< >）で囲まれ、開始タグと終了タグのペアで構成される。
・開始タグは要素を開始し、終了タグは要素を終了する。
例：
・開始タグ：<p>
・終了タグ：</p>
・タグの間にはコンテンツが配置される。
・タグにはそれぞれ機能がある。
・タグとコンテンツの組み合わせによってWebページの構造や意味が形成される。
タグの例：
<p>Hellow world </p>とあった場合
(a) タグ： <p> </p>
(b) コンテンツ：Hellow world
(c) 要素：<p>Hellow world</p>
(d) <p> </p>は、ページのタイトル(タブ部分)を指定する機能がある。
(e) この場合は、<p>Hellow world</p>の為、
Hellow worldの段落が出来る。
参考：
3.タグの種類
基本的に使用されるタグの種類とその機能を下記に示す。
タグには、主に2種類のタグに分かれる。
(1) ブロックレベル要素
(a)HTML文書内で独立したブロックを作成するために使用されるタグ。
(b)通常、段落、見出し、リストなどのコンテンツをグループ化するために使用される。
(c) ブロックレベル要素は通常、新しい行で始まり、水平方向に全幅を占める。
(2) インライン要素
(a) HTML文書内でテキストや他のインライン要素と同じ行に表示される要素。
(b) 文書内の一部のスタイルや意味を変更するために使用される。
(c) ブロックレベル要素の内部に配置されることもある。
(3) 良く使われるブロックレベル要素
| タグ名 | 内容 |
|---|---|
|
<p> |
段落を表す要素 |
| <h1> | 見出しを表す要素 |
| <ul> | 順序なしリストを表す要素 |
| <ol> | 順序付きリストを表す要素 |
|
<div>
|
ブロックをグループ化するための汎用要素 |
(4) インライン要素
| タグ名 | 内容 |
|---|---|
| <span> | インライン要素をグループ化するための汎用要素 |
| <a> | ハイパーリンクを表す要素(urlのリンク) |
| <strong> | 重要なテキストを表す要素 |
| <em> | 強調されたテキストを表す要素 |
| <img> |
画像を表示するための要素 |
そのほか、色々なタグについて、下記サイトに載っているので、
参考になる。
使いたい機能などから必要なタグを見つけられる。
