html入門 - Lesson5
画像を使いまくる
(画像を表示してみましょう)
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>初めてのページ！</title>
</head>
<body>
<img src='http://hukumoto.pe-gawa.com/club/img/comingsoon1.png'>
</body>
</html>
<html>
<head>
<meta charset='utf-8'>
<title>初めてのページ！</title>
</head>
<body>
<img src='http://hukumoto.pe-gawa.com/club/img/comingsoon1.png'>
</body>
</html>
これをエディタに書いてみてください。
画像は表示されましたでしょうか。
<img src='画像のURL'>これだけで、画像の表示ができます。
srcには、画像の「パス」が入ります。
パスとは、絶対パスと相対パスの２種類があります。
・相対パスとは、自分のディレクトリからの位置でファイルの位置を記述します。
例）img/boko.png
・絶対パスとは、自分のディレクトリとは関係なく、直接のファイルの位置を記述します。
例）http://hukumoto.pe-gawa.com/club/img/comingsoon1.png