1. 【実際に書いてみる編】"ド初心者"でも作れる!簡単にできるホームページの作り方パート3

【実際に書いてみる編】"ド初心者"でも作れる!簡単にできるホームページの作り方パート3

by yamataka
  前回は、タグとは何かということと、絶対に覚えておきたいホームページを作る上で必須のタグについてみてきました。今回は、実際にタグを利用してホームページを作成してみましょう。

1.実際に入力してみる

 それではパート1でダウンロードしたエディタを起動してみましょう。起動したら、以下のように入力してみてください。

<html>
<head>
<title>test</title>
</head>
<body>

hello world

</body>
</html>

 以上を入力して、test.htmlという名前をつけて保存しましょう。そうすると、test.htmlというファイルが普段使っているブラウザアイコンでフォルダに保存されていると思います。

2.実際にホームページを見てみる

 それでは、フォルダにあるtest.htmlというファイルをダブルクリックして開いてみましょう。そうすると、以下の画像のように真っ白な画面にhello worldという文字が表示されたと思います。これがホームページです。とても、そうは思えないかもしれませんが。
 これが、ホームページのおおもとになります。全てのホームページは、この雛形から派生して作られているのです。そう考えると、案外簡単にホームページというものは作れそうだなと感じることができるのではないでしょう。


 これからこのホームページを普段見ているようなホームページに昇華させていくのです。まだまだ、この連載も始まったばかりですが、最後まで一緒に頑張っていきましょう。

 次回は、ホームページの構成について少し詳しく見ていきます。

U-NOTEをフォローしておすすめ記事を購読しよう
この記事を報告する