athro https://blog.hatena.ne.jp/athro/ HTML-CSS （演習プロンプト） https://athro.hatenablog.com/ ★HTML ★AI 画像を表示 画像を作成（Nano Banana） 水色の椅子の写真を正方形で 画像を表示 プロンプト例 HTMLで画像を表示する方法を解説して HTMLで画像を表示する方法 HTMLで画像を表示するには、 タグを使います。基本構文 <img src="画像のURLまたはパス" alt="代替テキスト"> 各属性の意味 属性 説明 src 表示したい画像のURLやファイルパス alt 画像が表示できないときの代替テキスト（必須推奨） 例①：同じフォルダの画像を表示 <img src="sample.jpg" alt="サンプル画像"> 【フォルダ構成例】 index.html sample.jp… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fathro.hatenablog.com%2Fentry%2F2026%2F01%2F05%2F000000" title="画像を表示 - HTML-CSS （演習プロンプト）" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/athro/20260125/20260125235558.jpg Hatena Blog https://hatena.blog 2025-12-09 00:00:00 rich https://athro.hatenablog.com/entry/2026/01/05/000000 1.0 100%