画像の表示のさせ方

HTML・CSS

htmlファイル

============

<!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」⇨画像を指す

 

・「""」⇨パス（場所を指す）

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

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

 

・「src」「alt」⇨“属性”と呼ばれるタグ