HTML第２話 HTMLの基本

HTMLの基本

やっぱり基本は大事って事で、初めに知っておいた方がいいと思う事から説明していきます。

文字にも役割があります。

大題であったり、小題であったり、本文であったりと色々な種類の文字があります。

これは大題ですよとか、これが本文ですよと決めてブラウザで表示します。

その命令がタグになります。

例えば文章の題にあたるタグが＜ｈ〇＞になります。

このタグは＜ｈ1＞～＜ｈ6＞まであり、＜ｈ１＞が大題で＜ｈ６＞が小題になります。

そもそもプログラムって、パソコンに命令をして実行してもらうんですが、命令するプログラム（タグ）にも書き方ってもんがあります。

これはHTMLのタグだよって認識してもらうには、不等号（とんがってるカッコ）で囲ってあげないといけません。

そして、タグの終わりには/を付けます。

例 <h1>～</h1>

今回使ってみるタグは２種類になります。

<h>はheading（ヘディング）の略。

見出しの事になります。

<p>はParagraph（パラグラフ）の略。

段落・小記事の事になります。

では実際にタグを使って、ブラウザに表示させてみましょう。

プログラミングには、Windowsアクセサリのメモ帳をつかいます。

<h1>~<h6>と<p>全て使ってみました。

タグの間には、好きな文字を入力してみて下さい。

入力が終わったら保存です。

ファイルから、名前を付けて保存を選択。

ファイル名は何でもいいんですが、ここではsample.htmlとしました。

注意点として、拡張子はhtmlにする事です。

プログラムも残すのであれば、拡張子はtxtで保存して下さい。

保存が完了しますと、新しくブラウザのマークがでてきます。

ファイル名は、先ほど保存したsample.htmlになってます。

ではsample.htmlを開いてみましょう。

ブラウザにはこの様に表示されました。

HTMLって意外と簡単だと思いませんか？

これなら、飽きっぽい私でも出来ると思った訳です。

次回は、使うタグの種類を増やしてみたいと思います。