暮らしをおトクにかえていく|ポイントインカム
ワラウ - 遊べるポイントサイト
Internet Explorer
Version 7以降
Fire Fox
Version 3.5以降
Safari
Version 5以降
それ以前のバージョンでは表示が異なる場合があります。
  • 現在製作中...


HTML & CSS & JavaSc...

HTML & CSS & JavaScriptリファレンス

価格:2,625円(税込、送料別)

レンタルサーバー&ドメイン

ホームページを作るときにはサーバー(作ったHTMLを置く所)を借りなければいけません。お手頃なレンタルサーバーをいくつか上げてみました。



月額105円から、キャンペーンあり


380円から借りれるお得なサーバ!!オススメ


ナウでヤングなレンタルサーバー


20GBの大容量で『お試し期間が2週間!!』


ホームページを見る

ホームページを見てみよう

下の画像は一度は見たことのある『YAHOO JAPAN』のホームページです。

Yahoo Japan

どうすればホームページを作れるのか。
ホームページは『HTML(エイチ・ティー・エム・エル)』と言う『言葉・言語』で作られています。
『HTML(エイチ・ティー・エム・エル)』の一つ一つの言葉を『タグ』
では『YAHOO JAPAN』の『タグ』を見てみましょう。

タグ

これは『YAHOO JAPAN』のホームページの『タグ』の一部分です。
今はまだチンプンカンプンでも、一つ一つ分解して覚えて行けば『HTML(エイチ・ティー・エム・エル)』は それほどむずかしい『言葉・言語』ではありません。

ホームページを作る

下の画像を見てください。かんたんなホームページです。
どうやって文字が表示されているのでしょうか?
詳しく見ていきましょう。

サンプル画像1

まずホームページのタイトルは『HTML講座』
HTML講座

内容は『HTMLを書いてみよう。』です。
HTMLを書いてみよう。

内容は下のようになっています。

<html>
<head>
<title>HTML講座</title>
</head>
<body>
HTMLを書いてみよう。
</body>
</html>

では実際に下のフォームに上と同じものを書いてブラウザで表示してみましょう。
入力し終わったら『見てみる』のボタンを押して下さい。

タイトル、本文はちゃんと表示されましたか?
出来たら日本語の部分に別の言葉を入力してみて下さい。自分で書いた言葉が表示されます。

ページのタイトルを表示するには<title>HTML講座</title>
内容を表示するには<body>HTMLを書いてみよう。</body>
とタグとタグの間に表示したい言葉を入力します。
あたまのタグ<html>、<head>、<title>、<body> は開始タグ
おしりのタグ</html>、</head>、</title>、</body> を終了タグと呼びます。
終了タグには『/』(スラッシュ)が付います。
ほとんどのタグには開始タグ終了タグがあります。

いろいろ紹介しましたが早速HTMLの講座に入っていきましょう。