
	タイプトップ > 会員サービス > Web スペース（ホームページ開設） > HTMLファイルを作成する（Windows）

Web スペース（ホームページ開設）

HTMLファイルを作成する（Windows）

例として左図のような「タマの日常」というホームページのトップページを作成します。

※ここではMKEditorを利用した場合のHTMLファイルの作成方法をご案内致します。

STEP 1

※ここではWindows XPで説明します。

「すべてのプログラム(P)」を選択

「MKEditor for windows」を選択

「MKEditor for windows」をクリック

STEP 2

タグの意味

<HTML>～</HTML>
ドキュメントがHTMLで書かれていることを宣言

<HEAD>～</HEAD>
タイトルや製作者・ドキュメントに関する情報を記述

<BODY>～</BODY>
このタグの間に記述された内容がブラウザに表示される

 
改行する場合に使用

「MKEditor」が起動したら下記の内容を入力します。

<HTML>
<HEAD>
<TITLE>タマの日常</TITLE>
</HEAD>

<BODY>
タマの日常 
 
私の飼っているタマの日常です。 
 
タマの紹介 
タマの写真ギャラリー 
</BODY>

</HTML>

STEP 3

作成したファイルをHTML形式で保存します。

「ファイル(F)」をクリック

「名前を付けて保存(A)」をクリック

STEP 4

「homepage」フォルダに保存します。

「ファイル名(N)」に「index.html」と入力
「ファイルの種類(T)」に「HTMLドキュメント（*html）」を選択

「改行コード」に「改行=CR+LF」を選択

「保存(S)」をクリック

STEP 5

作成したhtmlファイルを確認します。

作成した「index.html」ファイルを開いて左図のようにテキストが表示されているか確認してください。

STEP 6

作成したHTMLファイルに画像を追加していきます。

「homepage」フォルダを開いて右クリックし、「新規作成(W)」を選択

「フォルダ(F)」をクリックして新しいフォルダを作成する。

画像を保存するフォルダの名前は「image」とします。

STEP 7

使用する画像を「image」フォルダへ保存します。

ここでは「tama.jpg」とします。

STEP 8

htmlファイルに画像を追加します。

「MKeditor」を起動し「ファイル(F)」をクリック

「開く(O)」をクリック

STEP 9

「ファイルの場所(I)」で「homepage」フォルダを選択

「ファイルの種類(T)」に「HTMLドキュメント（*.htm ;*.html）」を選択

「index.html」を選択

「開く(O)」を選択

STEP 10

作成したhtmlファイルに下記の通り記述し追加して上書き保存します。
※記述内容
<IMG SRC="image/tama.jpg">
※追加箇所
タマの日常 の後ろに追加

ここでは画像名は「tama.jpg」とします。

STEP 11

「index.html」をダブルクリックしてファイルを開きます。

※左図のようなページが表示されます。

以上で「HTMLファイルを作成する（Windows）」は終了です。

Windowsをご利用の方は「FTPの設定情報の確認方法」へお進みください。

▲このページの先頭へ戻る