こんにちは。dharuです!
今回からプログラミングHTML編を始めます。
いますぐコードを書いていく....というのも良いのですが、たぶんHTMLってなに？って人もいるので、今回はHTMLについて話していきます！
[そもそもHTMLとは]
HTMLとはHyperText Markup Language(長い)の略で、webサイトを作るのには絶対に必要な言語です。文字を出力したり画像を出力したりすることができます。ちなみにこのブログもHTMLで書いてます！でも、正確にはHTMLはプログラミング言語ではないんですよね.....
マークアップ言語っていいます。
[HTMLの特徴]
HTMLでコードを書く際、HTMLはタグというものを使います。
タグというのは
<p></p>
こんな感じなやつで、これはpタグといいます（そのままです）。ちなみに、pタグは文字を出力する際に使います。基本「/」がついてないのを先頭において、ここでおわりというところで「/」
がついているタグを書きます。
<p>あいうえお かきくけこ</p>
↑ここから書くよ ↑ここで終わり
この場合「あいうえお かきくけこ」とウェブ上で出力されます。
例外的に終わりの「/」がついているタグを書かないでいいタグもあります。
[HTMLの構成]
下の写真を見てください
3つタグがあると思うのですが、HTMLのコードはおおまかにheadタグとbodyタグに分かれます。
ちなみに、<!DOCTYPE html>というのは、最新版のHTMLを使うよという意味です。
そのままコピペで大丈夫です。
<html>はこのプログラムはhtmlで書いているよという意味です。ちなみに必須です。
<head>はウェブ上に実際には見えない部分について書きます。例えば...
・タイトル
・どのCSSファイルを使うか(こんど詳しく説明します)
・エンコードの選択
などなどです。
<body>は、<head>とは真反対でウェブ上に表示させる部分を書きます。例えば...
・文字を表示させる
・画像を表示させる
・表を表示させる
などなどです。
もちろん<body>のほうが内容量が大きくなりやすいです。
まあこの辺は基本中の基本なので覚えておくことをおすすめします。
[CSSとかJSとかとの関連性]
HTMLだけでウェブを作ると色が黒の何も動きがないウェブが出来上がります。それに色を付けたり動きを追加するのがCSS・JSです。CSSでは色を付けたり、フォントを変化したり...ということができ、JSでは入力された値の計算や、自動的にメールを送ったりすることができます。
基本一緒に勉強します。
ということで今回もありがとうございました。次回もよろしくお願いします。
---------------------------------以下宣伝------------------------------------
Twitterやってます！（暇つぶし垢です。）
@dharu00070102
フォローお願いします！！
