【超簡単】HTMLの書き方を「超初心者向け」にご紹介!

WEB開発

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」にしてプレビューしてください。

確認方法はこちらから▼

【超簡単】エディタで書いたHTMLをプレビューする方法

 

 

タグにはいろんな種類がありますが、

「h1」というのは、1番大きい見出しです。

 

h2…….h6まであり、数字が大きくなるほど小さい見出しになります。

 

このように、様々なタグを「<></>」の中に入れることで

HTMLとして認識させて、WEBページに表示させることができます。

 

 

 

今回は以上です!