HTML構築の基本構成

Check Point　1

!DOCTYPEタグ

」と記述することで、ファイルに記述された文字がHTMLコードであることを示します。

htmlタグ

htmlタグは、ファイルの先頭に記述される「DOCTYPE」タグの直後に記述します。
からの内側に記述されたコードが、HTMLのコードとして判断されます。

headタグ

Webサイトを表示するために、ブラウザで必要となる情報を定義するエリアです。
CSSファイルやJavascriptファイルの読み込みと定義します。

meta charset="UTF-8"

htmlファイルの文字コードの指定をしています。

<meta name="viewport" content="width=device-width,
 initial-scale=1.0">

viewportはwebサイトを見た時に、縮小された状態にならないようにする指定です。

<meta name="description" content="サンプルです">

webサイトの紹介文です。検索された時に検索一覧でページのタイトルの下に表示されます。

titleタグ

WEBサイトのタイトルを入れるタグです。
titleタグの内容は、ブラウザウィンドウのタイトルバーに表示されます

meta charset="UTF-8"

htmlファイルの文字コードの指定をしています。

bodyタグ

Webサイトで実際に目にする画像やテキストなどが、bodyタグに記述された内容です。

Check Point　2

divタグ

ひとつのまとまりとして範囲を定義する際に利用されるのが「divタグ」です。
HTMLで定義されたdivタグの範囲に対し、CSSでデザインを施しWebサイトをカスタマイズしていきます。

h1タグ

文章の見出しを表す要素で「h1」~「h6」までのタグが存在します。
h1が最も重要な見出しとなり、数値が大きくなるに従い重要度は低くなります。

pタグ

テキストの段落を表すために利用されるのが「pタグ」です。
一般的には、複数の文で構成されるひとまとまりを、段落として構成します。

spanタグ

spanタグで囲った部分をグループ化することで、文章の一部デザインを変更したい場合などに利用することが可能です。

imgタグ

画像ファイルをWebサイトに掲載する場合に利用されるのが「imgタグ」です。>br/> ファイルが保存されたパスを指定することで、Webサイト上に任意の画像を表示することが可能となります。

aタグ

ハイパーリンクと呼ばれるのが「aタグ」です。
「aタグ」をクリックすることで、別サイトや同一ページ内の指定した場所へ遷移することが可能です。