HTMLとは? (HyperText Markup Language)
HTMLというのは、プログラミング言語の一種で
カテゴリー分けすると「マークアップ言語」になります。
マークアップ言語は制限が多い代わりに
非常に簡単に書ける、初心者にはオススメの
一番やさしいプログラミング言語です。
用途はただ一つ、「WEBサイトの中身を書く」だけです。
それ以外はできません。
HTMLが書ける=WEBサイトが書ける ということですね。
ただし、「CSS」というサイトの見た目を作る言語もあるので
合わせて覚えないと、綺麗なサイトが作れません。
今回はそんなHTMLの書き方を「超初心者向け」にご紹介します。
HTMLを書くのに必要なもの
HTMLを書くにはエディタが必要です。
Dreamweaverなどの高機能がオススメですが、お金が掛かってしまいます。
無料で始めたい方は、TeraPadがオススメです。
ほとんど全てのWebデザイナーが使ったことのある(と思われる)
無料なのに高機能なエディタです。
こちらからダウンロードできます。
HTMLのイメージ
HTMLは、全て文字で書かれるものです。
抵抗がある人も多いですが、私も勿論そうでした。
↓こんな画面を見ると吐き気がしますよね。
しかし中身を見てみると、とても簡単なものです。
<タグ>文字</タグ>
ただこれだけです。
どういうことか、説明します。
HTMLでは、全ての表記を「<>」で囲い、
「<A>文字</A>」というように、閉じる「<>」には「/」が入ります。
実際の構造はこんな感じです。<body>と</body>の間に書いていきます。
(赤字の部分は固定です)
<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>サイトのタイトル</title>
</head>
<body>
<h1>見出し1<h1>
</body>
</html>
これをエディタにコピペして、拡張子を「html」にしてプレビューしてください。
確認方法はこちらから▼
タグにはいろんな種類がありますが、
「h1」というのは、1番大きい見出しです。
h2…….h6まであり、数字が大きくなるほど小さい見出しになります。
このように、様々なタグを「<></>」の中に入れることで
HTMLとして認識させて、WEBページに表示させることができます。
今回は以上です!

最近のコメント