プログラミング学習帳

オンラインプログラミング学習サービス「ウェブカツ!!」で習ったことを整理してます。

画像を表示させる方法

htlmファイル

——————————————————————

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ホームページのタイトル</title>
</head>
<body>
<h1>ホームページの見出し</h1>
<p>最初のホームページが完成しました!!</p>
<img src="sample.jpg"alt="花の写真">
</body>
</html>

——————————————————————

解説 

・画像を表示させるコード

→ <img src="ファイル名"alt="名前">

・「img 」→画像を指す

・「””」→ パス(場所を指す)

・「src」「alt」→ 「属性」と呼ばれるタグ

 

その他

「/」→フォルダ名を指定

例 <img src="picture/sample.jpg"alt="花の写真">