基本編

HOME>よくわかるHTML講座>基本編

webページを作ってみよう
「メモ帳」で作れる
ソースを書いてみよう。
全世界に向けて公開してみよう
web上のスペースを借りよう



webページを作ってみよう

「メモ帳」で作れる(win)

メモ帳を開く
「スタート」→「プログラム」→「アクセサリ」→「メモ帳」でメモ帳が開けます。
保存
メモ帳が開いたら、何も書かずに「ファイル」から「名前をつけて保存」を選びます。適当な場所(「デスクトップ」がオススメ)に適当な名前をつけて保存します。後々のことを考えて、半角英数字で名前をつけましょう。
拡張子を変更する
保存した「○○○.txt」を「○○○.html」に変更します。
メモ帳で編集
今作った「○○○.html」をメモ帳で編集します。それをブラウザで開いてみると見事にwebページになっているはずです。
よく分からないときは
ココを右クリックして「対象をファイルに保存」を選択して下さい。ダウンロードしたものをダブルクリックすると、ブラウザが開いて真っ白なページが表示されるはずです。白い部分で右クリックして「ソースの表示」をクリックすると内容が編集できます。

ソースを書いてみよう。

基本的な記述例

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>ここにタイトルを記述します</title>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<style><!--
ここにスタイルシートを記述します(記述しなくても大丈夫です)
--></style>
<script><!--
ここにjavascriptを記述します(記述しなくても大丈夫です)
//--></script>
</head>
<body>
ここに本文を記述します
</body>
</html>



全世界に向けて公開しよう

web上のスペースを借りよう

オススメの無料スペース

XREA
エクスリアと読む。通称「薬屋」。自作CGIやデータベースも利用可能。独自ドメインをVALUE-DOMAINで取得できたりもする(有料)。中級者以上向け。
ジオシティーズ
通称「塩」。初心者向け。

オススメの有料スペース

★可愛いレンタルサーバLOLIPOP!
通称「ロリポ」。自作CGI可能。独自ドメインも取れる。