Step 3-5 Webページのコーディングとは？（Web担当者Forum） - Yahoo!ニュース

図

Web担ビギナーの目次を知りたい方はこちらクイズWebページは、HTMLという言語だけで作られているのでしょうか？Web担当者になると、HTMLという言葉をよく耳にすると思います。Webサイトのコンテンツを作成するには、HTML言語を使うからです。こうしたマークアップ言語（文章の構造を記述する言語）やプログラミング言語を使ってコンピュータに指示する文書をソースコードといい、ソースコードを書くことをコーディングといいます。 Webページは主に、HTML、CSSというマークアップ言語と、JavaScriptというプログラミング言語によるコーディング作業によって作成されています。・WebページはHTMLという言語だけで作られている一般的に、Web担当者がコーディングを行う機会はほとんどありませんが、どのようにWebページが作成されているのかといった概要を知ることは、サイトを運用していくうえで重要な助けになります。そこで3-5では、Webページのコーディングで使う主な言語、ソースコードの構成、コーディングのガイドライン例を紹介します。　

Webページのコーディングで使う主な言語

Step 1-1の一部

Step 1-1の一部のソースコード

JavaScriptを示すソースコードの一部

ブラウザ「Chrome」の場合の例。ページ上で右クリックすると現れるメニューから「ページのソースを表示」を選択すれば、ソースコードを見ることができる

Webページのコーディングで使う主な言語として、HTML、CSS、JavaScriptがあることを覚えておきましょう。この３つは、ページを作成するために次のような異なる役割をもっています。・HTML：Hyper Text Markup Languageの略で、Webページに表示したい「コンテンツの構造」を明らかにする言語です。たとえば、「ここは見出しです」「この範囲は1つの段落です」「これは画像です」といった文書を構成する構造を明確にするわけです。・CSS：Cascading Style Sheetsの略で、単にスタイルシートともいいます。「ページをどのように表示するか」を設定します。「HTMLで明らかにした構造ごとにデザインを設定する言語」ともいえます。なお、HTMLファイル内に記述する内部スタイルシートとHTMLファイルとは別に作成する外部スタイルシートがありますが、企業サイトでは外部スタイルシートを使用することが一般的です。・JavaScript：Webページ上の画像を大きくしたり小さくしたり、動画を制御したり、違うサイトと通信をしたりなど、サイトに機能をもたせられる言語です。こうした言語を使って作られたWebページのHTMLファイルについては.html、CSSを外部スタイルシートとして利用する場合のファイルは.css、JavaScriptのファイルは.js という拡張子が付けられます。なお、.htmという拡張子をみかけることがあると思いますが、こちらは「拡張子は3文字」が一般的だった時期の名残です。現在は、.htmlを使います。ここで、実際のソースコードを見てもらうために、Step 1-1の一部を例にあげてみましょう。このWebページのソースコードは、次になります。

と

と