おさるでもわかる
超簡単ホームページ作成講座

ビギナーおさるコース・第６回「ちょっと彩る」

さぁ、早くもビギナーコース終盤。でももうなんとなくわかってきたとこもあるのでは？ホームページ公開できたし。

あとはもうちょっと見栄えよくしようよ、ということでこの回では「index.html」を彩る方法を伝授。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>
こんにちは世界
</title>
</head>
<body>
こんにちは世界
</body>
</html>

今回編集するのはこの部分。

<body>
こんにちは世界
</body>

改行する

<br>は改行を意味する。そこで下の赤い文字を追加してみよう↓

<body>
こんにち<br>は世界
</body>

うまくいくと・・・

初心者用ページ１

やったね！！

画像をいれる

この画像をいれてみよう。

画像貼り付けの説明

画像の上で右クリックして「名前をつけて画像を保存」する。保存先は「デスクトップ」。画像の名前は変えないでね。

さっきのHTMLに一行追加しよう↓

<body>
こんにち<br>は世界<br>
<img src="niki.jpg">
</body>

これをブラウザで開いてみる。すると・・・

初心者用ページ２

GOOD!!

ここで画像がうまくでない人のために確認項目をいくつか・・

  • ・画像はデスクトップに保存してあるか
  • ・画像の名前は「niki.jpg」か
  • ・「index.html」はデスクトップにあるか
  • ・HTML文に間違いはないか（空白とかもいれてるか）

それでもうまくいかなかった人はファイルパスを今ここでもう一度読んでみてください。

PageTop TOP　 PageTop NEXT
Copyright (C) 2010 おさるでもわかる・超簡単ホームページ作成講座 , All rights reserved.