HTMLとは
Webページを構成するための言語です。
「ハイパーテキスト・マークアップ・ランゲージ(Hyper Text Markup Language」の略で、専用の文字列を用いて、文章の構成や文章の役割を示し、Web上で表示させます。
基本的にWeb上で表示されるページを構成するのは「HTML」と「CSS」です。
CSSとは
CSSとは、HTMLで構成した基本的な要素に対して、装飾を施すものです。
文字の色や大きさ、画像のサイズやそれぞれのコンテンツの幅など、細かな指示を行います。
Webページの背景に画像を差し込みたい時なども、CSSで対応が可能です。
JavaScriptとは
躍動感のあるページにしたい時は、JavaScriptを活用します。
JavaScriptとは、他に変更したり、拡大表示や動かしたりできるプログラミング言語です。注目を集めたい部分や、特に閲覧者の注目を引きたい部分への使用がおすすめです。
JavaScriptはHTML上に書きます。書く時は以下のよう記述します。
<script>
document.write("Hello");
</script>詳細は省きますが、上記を記述すると、ブラウザ上で「Hello」と表示されます
HTMLをブラウザで表示させる
それでは、実際にHTMLファイルを作成してブラウザで表示させてみようと思います。
1. テキストエディタでコードを書く
まずは、下記の通りに記述してみましょう。
<!DOCTYPE html>
<html>
<head>
<title>Hello</title>
</head>
<body>
<h1>見出し1</h1>
<p> 表示したい文章</p>
</body>
</html>2. 「.html」という拡張子で保存する
記述が終わったら、名前を付けて保存します。ドキュメントフォルダなどに保存してください。
ここではtest.htmlとします。
3. 保存したファイルをダブルクリックする
保存したtest.htmlをダブルクリックして下さい。
すると、設定しているブラウザでtest.htmlが開くと思います。