ステップごとに覚えよう!

ステップ1
まずはここ。ホームページとは何か?~SEOの意味について解説。


ステップ2
ホームページを作る上での準備について解説。


ステップ3
htmlとは?書き方や確認の仕方について解説。


ホームページに画像を表示しよう imgタグを使用

前回は、画像を作成してみようということで、PictBearを使って動画解説を行いました。
今回は、その作成した画像を利用してホームページ上に画像を表示したいと思います。

1、表示させたい画像をindex.htmlと同じ場所に

まず、画像を今まで作ってきたindex.htmlファイルと同じ場所(階層)に設置しましょう。

2、imgタグを使おう

画像を表示する際には、imgタグというものを使用していきます。
記述例は以下となります。

※ファイルの開き方・保存方法、ブラウザでの確認方法などは省略しています。以前のページをご参考にして下さい。

<body>
<img src="画像ファイル名をここに入力">
</body>

ホームページ 画像表示

3、ブラウザで確認してみよう

以下のイメージのように表示されていれば成功です。

ホームページ 画像確認

4、事項について

次回はステップ6に入っていきます。
ステップ6では、ページを追加していく作業を行なっていきます。