初心者の為のHTML①　～理屈よりやってみよう～

初心者の為のHTML～PHP

HTMLとは？PHPとは？という話をすると理屈っぽくなります。今は、WEBサイトを作るために必要となるプログラム言語の一種という認識でＯＫです。

とりあえずHTMLを書いてみます★

 

テキストエディタ（windowsならメモ帳）を開き、以下の通り書いてみてください。

コピペでも構いません☆

 

<!DOCTYPE html>
<html>
<head>
<meta charset="shift-jis" />
<title>初心者の為のHTML①</title>

</head>

<body>

ここに書いた内容がＷＥＢサイトに表示されます。

</body>

</html>

 

これをHTML形式でデスクトップに保存します。

メモ帳なら、[ファイル]-[名前をつけて保存]をクリック

↓

デスクトップを選択

↓

[ファイルの種類]をすべてのファイルに変更

↓

ファイル名に「page1.html」と入力

↓

[保存]

 

これでＷＥＢページの出来上がりです☆

保存したファイルを開いてみます。

 

デスクトップのpage1.htmlを右クリック

↓

[プログラムから開く]-[Microsoft Edge]をクリック

 

これで「ここに書いた内容がＷＥＢサイトに表示されます。」という文字が表示されているWEBページが表示されるはずです。

 

ここで覚えて欲しい事は３つだけです！

①<meta charset="shift-jis" />

この「shift-jis」というのは文字コードを表します。日本語というのは世界では特殊な言語で、この文字コードを適切に設定しないと、文字化けが起こってしまいます。

とりあえず、「文字コードをここで設定する必要がある」という事を覚えておいてください。

②<title>初心者の為のHTML①</title>

これは文字通りこのＷＥＢページのタイトルを表します。

タイトルは上図の通り、タブに表示され、お気に入りに追加するときにこの名前が最初に表示されます。

③<body></body>

ここへＷＥＢサイトの内容を書くという事を覚えてください☆

 

この①～③はお決まりの記述という認識だけで良いです☆