staff1はじめにまずHTMLタグとは、<>という括弧記号で囲ったものを指しています。html>それでは前回記述したHTMLファイルの中身を解説していきましょう。htmlと記述されています。これは「ドキュメントタイプがHTML文章ですよ!」とWEBブラウザに教えてあげる為のDOCTYPE宣言(ドックタイプ宣言)と呼ばれるタグです。この記述が無くてもWEBブラウザはおそらく気を効かせて「HTMLファイル」と判断してくれますが、お作法として必ず記述するようにしましょう。(人間がファイルを開いた時に「何のファイルかな?」と調べる手間も省けます。world!</body></html>まず初めに、<html>と</html>というタグを見つけてください。2行目にある<html>がhtmlの開始タグ、9行目にある</html>がhtmlの終了タグです。スラッシュが入っていないタグが開始タグで、/head、/body、/htmlなど、スラッシュが先頭に付くタグを終了タグと呼びます。この開始タグと終了タグで囲われたところに、さまざまなhtmlタグを書いていくことになります。htmlのマークアップ言語は、開始と終了のタグで囲うことによって、テキストに意味づけをしているのです。【3】headタグ(3行目~5行目)次に<head>と</head>というタグに囲われている箇所を見つけてください。3~5行目がheadタグの範囲ですね。3行目の<head>タグはheadの開始タグ、5行目の</head>タグはheadの終了タグです。この部分をhead部(ヘッダー部、またはヘッド部)と呼びます。「headタグの中」「headタグのブロック」「headタグのグループ」などと呼んで、データ構造を表すことがあります。呼び名には少しづつ慣れていきましょう。head部に書かれたタグは、WEBブラウザの画面上では表示されません。WEBブラウザに様々な情報を伝える役目をもっています。けの原因って何?文字コードを知ろう」meta=メタとは「大前提となる設定」という意味です。このmetaタグがないと、文字コード不明でブラウザ上で正しい文字を表示することができない場合もあります。このように、画面上に表示される文字ではないけれど、情報として必要なタグがあるのです。ちなみにmetaタグには開始タグや終了タグがありません。1つのタグで成立するタグです。開始と終了2つで成立するタグと、開始1つで成立するタグがあることを覚えておきましょう。【4】bodyタグ(6行目~8行目)次に、6~8行目を見てください。world!という文字は、bodyタグの中に記述されているということになります。world!と書かれていたからです。【5】headタグとbodyタグ(4行目~8行目)まとめると...headタグ内に記述したタグ情報は、画面には表示されない設定情報。bodyタグ内に記述したタグ情報は、画面に表示される設定情報ということになります。【6】インデントの重要性ここでテキスト全体を遠目で見てみましょう。それぞれの行の文字開始位置がバラバラな点にお気づきでしょうか。world!」先頭部に、半角スペース4つ分のスペースがあります。逆に、他の行の先頭部にはスペースが全くありません。このように、各行で段差をつけることを「インデント」と呼びます。これはHTMLコードを見やすくするため、わざと段差をつけているのです。world!」がbodyタグ内に書かれていることが一目でわかるようになります。HTMLやプログラムのコードを書く際には、どのタグの中に何のタグ書かれているか、わかりやすく書く工夫が大切です。ソースコードをテキストエディタで見た時に、人がわかりやすく読める工夫をしているわけです。【7】データ構造の表現それでは最後にbody部の中にh1タグとpタグで囲った中を以下のように書き換えてみましょう。world!</h1><p>プログラミング学習で、まずはHelloWorldと表示させるところから初めることが多いです。</p><p>なぜかというと、Cというプログラミング言語の本に登場する1番はじめのサンプルプログラムが、HelloWorldと表示するコードだったからです。</p></body></html>htmlのタグの中に、headタグの部分(ブロック)と、bodyタグの部分(ブロック)があることがわかりますね。わかりやすく図示すると以下のようになります。htmlタグの中に、head部とbody部が含まれています。これを「グループ化されている」「含まれている」「含有している」「内包関係にある」「入れ子になっている」などなど、人によって様々な表現がありますが、すべて同じ意味にあたります。呼び名には少しづつ慣れていきましょう。第3章まとめタグは開始タグと終了タグで囲い込んで意味づけしている。開始タグ1つで成立するタグもある。htmlファイルにはhead部とbody部という領域がある。head部は、WEBブラウザへ情報を伝えるタグを書くところで、WEBページの描画に無関係。body部は、WEBブラウザに表示される文章や画像などを書くところで、WEBページの描画に直接関係する。タグの中にタグを書くことで、内包関係(グループ)にすることができる。先ほどコードに追記したpタグ、h1タグについての解説は次回第4章へ続きます。コメントをキャンセルコメントを投稿するにはログインしてください。Reserved.運営会社|プライバシーポリシ。