こんばんわ
クレールです。
今日は宮古島は寒くなかったでしたね？
あ・・・・私、沖縄県は宮古島に住んでおります。
昨日はなんか寒かったなぁ、なんて思っていましたら今日はちょっと暑い？かなぁと思いまして、
こんな時期はカゼをひきやすいですから、みなさん気をつけましょうね
(余計なお世話かな？
)
さて、今日はｈｔｍｌについて講座したいと思います。
すぐに作成したいところですが、その前にhtmlについて少し触れてみましょう。
htmlというのは HyperText Markup Language の略です。 「ハイパーテキスト」や「タグ」( tag )等といった呼び方をされている事もあると思いますが、ほとんどはhtmlタグと言った呼び方が多いかもしれません。(私の周りでは・・・・)
「タグ」と言うのは 「印」 (Markupと言って色を付けたり文字の装飾をする等)の事をいいます。
その「タグ」 は 「<」 と 「>」 （ギュメと言います）の間に記入します。
プログラム言語の１つですが他の言語とは違って、プログラム専用ソフトがなくても「メモ帳」や「テキストエディタ」等でも作成は可能です。
ですが、専用ソフトがあったほうが何かと便利です。この辺についてはまた後述します。
概要はこの辺にして、早速
簡単なｈｔｍｌを作成したいと思います。
最初はメモ帳に作成をして見ましょう。
※これはWindowsを使用している事を前提で説明します。
メモ帳は「スタートメニュー」→「すべてのプログラム」→「アクセサリー」→「メモ帳」です。
スタートメニューに既にあればOKですがない場合は上記から選択してください。(σ・∀・)σ
メモ帳を開いたら、下記のように「初めてのHTMLだよ～！」を入力してみましょう。
画像は見えました？
記述は「初めての<font>HTML</font>だよ～！」と入力しました。
この<font></font>がｈｔｍｌタグになり、<font>が始まりで</font>が終わりを示します。
次に入力したメモ帳を newtext.html といったファイル名を入力し、ファイルの種類を「すべてのファイル」を選択して保存をします。
保存しましたら、お待ちかねブラウザで表示してみましょう。
ブラウザはインターネットを見るものだと認識してもらえればいいかと思います。
ここでは「Firefox」を使用して表示します。
「ファイルを開く」で、先程html形式で保存したファイルを指定して、開きます。
すると・・・・・
と、表示されましたが・・・・・・・・ん～良く分かりませんね？
では先程の「newtext.html」をメモ帳で開いて<font></font>を<b></b>に変更します。
「保存したファイル上で右クリック」→「プログラムから開く」で編集できます。
もしくは、メモ帳を新しく開いて、htmlファイルをドラッグしても編集は可能です。
上記のように変更しましたら、先程と同じように保存をして、ブラウザで開いて見ましょう。
すると・・・・
ぉおHTMLの文字が太くなって表示されました
これがHTMLです。
<b></b>は文字を太くする為のｈｔｍｌタグです。
先程の<font></font>は文字として認識してます。ノーマルの状態だと思ってください。
他にも、<i></i>や<u></u>、<s></s>などいろいろなhtmlがありますので色々と試してみてください
ネットで調べてみるとゴロゴロとネタが転がっていますので、面白いですよ。
それでは今日はここまで
次回はｈｔｍｌタグを使用して簡単なページを作成したいと思います。
長らくお疲れ様でした。
それでは、また次回まで・・・
おやすみなさい。Zzz…(*´?｀*)｡o○
お、雨が降ってきました。気持ちよく眠れそうです。
・・・体調には気をつけて。
クレールです。
今日は宮古島は寒くなかったでしたね？
あ・・・・私、沖縄県は宮古島に住んでおります。
昨日はなんか寒かったなぁ、なんて思っていましたら今日はちょっと暑い？かなぁと思いまして、
こんな時期はカゼをひきやすいですから、みなさん気をつけましょうね
(余計なお世話かな？)さて、今日はｈｔｍｌについて講座したいと思います。
すぐに作成したいところですが、その前にhtmlについて少し触れてみましょう。
htmlというのは HyperText Markup Language の略です。 「ハイパーテキスト」や「タグ」( tag )等といった呼び方をされている事もあると思いますが、ほとんどはhtmlタグと言った呼び方が多いかもしれません。(私の周りでは・・・・)
「タグ」と言うのは 「印」 (Markupと言って色を付けたり文字の装飾をする等)の事をいいます。
その「タグ」 は 「<」 と 「>」 （ギュメと言います）の間に記入します。
プログラム言語の１つですが他の言語とは違って、プログラム専用ソフトがなくても「メモ帳」や「テキストエディタ」等でも作成は可能です。
ですが、専用ソフトがあったほうが何かと便利です。この辺についてはまた後述します。
概要はこの辺にして、早速
簡単なｈｔｍｌを作成したいと思います。最初はメモ帳に作成をして見ましょう。
※これはWindowsを使用している事を前提で説明します。
メモ帳は「スタートメニュー」→「すべてのプログラム」→「アクセサリー」→「メモ帳」です。
スタートメニューに既にあればOKですがない場合は上記から選択してください。(σ・∀・)σ
メモ帳を開いたら、下記のように「初めてのHTMLだよ～！」を入力してみましょう。
画像は見えました？
記述は「初めての<font>HTML</font>だよ～！」と入力しました。
この<font></font>がｈｔｍｌタグになり、<font>が始まりで</font>が終わりを示します。
次に入力したメモ帳を newtext.html といったファイル名を入力し、ファイルの種類を「すべてのファイル」を選択して保存をします。
保存しましたら、お待ちかねブラウザで表示してみましょう。
ブラウザはインターネットを見るものだと認識してもらえればいいかと思います。
ここでは「Firefox」を使用して表示します。
「ファイルを開く」で、先程html形式で保存したファイルを指定して、開きます。
すると・・・・・
と、表示されましたが・・・・・・・・ん～良く分かりませんね？
では先程の「newtext.html」をメモ帳で開いて<font></font>を<b></b>に変更します。
「保存したファイル上で右クリック」→「プログラムから開く」で編集できます。
もしくは、メモ帳を新しく開いて、htmlファイルをドラッグしても編集は可能です。
上記のように変更しましたら、先程と同じように保存をして、ブラウザで開いて見ましょう。
すると・・・・
ぉお
HTMLの文字が太くなって表示されましたこれがHTMLです。
<b></b>は文字を太くする為のｈｔｍｌタグです。
先程の<font></font>は文字として認識してます。ノーマルの状態だと思ってください。
他にも、<i></i>や<u></u>、<s></s>などいろいろなhtmlがありますので色々と試してみてください
ネットで調べてみるとゴロゴロとネタが転がっていますので、面白いですよ。
それでは今日はここまで
次回はｈｔｍｌタグを使用して簡単なページを作成したいと思います。
長らくお疲れ様でした。
それでは、また次回まで・・・
おやすみなさい。Zzz…(*´?｀*)｡o○
お、雨が降ってきました。気持ちよく眠れそうです。
・・・体調には気をつけて。