html 画像に文字を入れたい．

画像に文字をいれたい

どこがおかしいのかおしえてください．

HTML
1<div style="border:4px solid gray;background-image:(http://murakamikesao.chu.jp(/jpg/shishi.jpg); width:500px; height:300px; text-align:center; color:red;">
2       <br>
3       <h1>茶话会。WEB</h1>
4        </h2>
5</div>
6

m.ts10806

2021/03/01 12:06

そもそも、何が起きてますか？ cssもHTMLも文法滅茶苦茶に見えます。

murakamikesao

2021/03/01 12:30

画像が表示されないのです．

m.ts10806

2021/03/01 13:57

どこの画像を使いたいのか不明なコードです。

murakamikesao

2021/03/01 14:47

ありがとうございます． urlの部分が不適当でした．活 U+6D3B UTF-8: 0xE6 0xB4 0xBB CJK Unified Ideographs ファイル位置: 3 バイト言われる通りでした．

m.ts10806

2021/03/01 14:48

>活 U+6D3B UTF-8: 0xE6 0xB4 0xBB CJK Unified Ideographs ファイル位置: 3 バイト言われる通りでした．これは何の話ですか？

m.ts10806

2021/03/01 14:48

※ただ、画像URLだけ正しくしたとしても既存回答の通り色々直す場所はあります。

行動規範の内容に同意します

回答2件

とりあえず表示するところまで。

background-imageプロパティの値に画像を指定するにはurl()を使う。
URLの途中に余分な(があるので削除する。
div要素の内容に余分なh2要素の終了タグがあるので削除する。
活の字に U+8BDD が使われているが、 U+6D3B の間違いでは。

Diff
1-<div style="border:4px solid gray;background-image:(http://murakamikesao.chu.jp(/jpg/shishi.jpg); width:500px; height:300px; text-align:center; color:red;">
2+<div style="border:4px solid gray;background-image:url(http://murakamikesao.chu.jp/jpg/shishi.jpg); width:500px; height:300px; text-align:center; color:red;">
3       <br>
4-      <h1>茶话会。WEB</h1>
5+      <h1>茶活会。WEB</h1>
6-      </h2>
7</div>