初心者のためのホームページ練習部屋～ＨＴＭＬ～

まずメモ帳を開き、すぐ下にある文を貼り付けてください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords" content="キーワード,キーワード,キーワード">
<meta name="description" content="サイトの紹介文">
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<title>◆</title>
</head>
<body>本文</body>
</html>

貼り付けたら、メモ帳を任意の場所に保存します。

ファイル→名前を付けて保存
→ファイル名(仮にrensyu.html)→保存

これで、ホームページの骨組みは完成です。

次は中身を設定していきましょう。

タイトルを決めます。
今回は「ホームページを一から練習」と付けることにします。
さっきメモ帳に貼り付けた文の中の<title>◆</title>の◆を「ホームページを一から練習」に変えます。

本文を書き込みます。
<body>本文</body>の本文のところが実際に見える部分になります。下の文章を書き込みます。

ホームページを一から練習
初心者ページ大公開！
今日から初めてのホームページを作ります。
これからどんどん勉強して、Ｗｅｂ上でいろんなことを表現していきたいと思います。
さぁ、勉強！勉強！

書き込んだ文章を読みやすくします。

最初の「ホームページを一から練習」はタイトルになっているので、最初の見出しにします。
<h1>ホームページを一から練習</h1>

次の「初心者ページ大公開！」を見出し２としましょう。
<h2>初心者ページ大公開！</h2>

その後の文章を段落にします。
<p>今日から～</p>

ここまではこんな感じ

ちなみにＨＴＭＬファイルを、メモ帳で開くには、
対象のファイルを右クリックして、
プログラムファイルから開く→Notepad
で開きます。

どうですか？簡単でしょう！
第二回はバックの色や文字とかのレイアウトをいじります。

第二回はこちら>>第三回はこちら

ホームページ練習部屋 ～初心者のためのＨＴＭＬ～

ホームページ練習部屋　～初心者のためのＨＴＭＬ～