LemonKaju.net
右の絵はBitakyさんが描いてくださいました!

コピペで覚えるHTML入門

①とりあえず作ってみよう

(Windowsの場合)スタート画面の
[すべてのプログラム]または[すべてのアプリ]の中にある
[アクセサリ]から[メモ帳]を開き、
下のHTMLソースをコピーして貼り付けてください。

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>題名</title>
</head>

<body>

<h1>見出し1</h1>

<p>段落</p>

<p>段落</p>

<h2>見出し2</h2>

<p>段落です。
<br>改行が出来ます。</p>


</body>

</html>

次に、[ファイル(F)]から[名前を付けて保存(A)]します。
screenshot
ファイル名は、 .html という拡張子を後ろに書きます。
このように拡張子を指定する場合は、
[ファイルの種類(T)]を[すべてのファイル(*.*)]にします。

コピペしたソースの内容はcharset="UTF-8"にしてるので、
[文字コード(E)]を[UTF-8]にします。


保存したファイルを開いて確認してみよう

screenshot
書いた通りに表示されていれば、
簡単なホームページの出来上がり!

再び編集する時は、保存したファイルを右クリックして、
[プログラムから開く(H)]からメモ帳を(無い場合は別のプログラムを選択(C)から)開きます。


次のページ ②文字の大きさや色をかえよう

もどる

れもん果汁.net