Q&A
全体的におかしい感じがします
「<>」あたりなんらかのエスケープ処理がされています
fontタグを今更つかうのはやめたほうがよいでしょう。
HTMLとCSSを使っていますが、一箇所だけ全く違う色になってしまいます。
本来なら文字をグレーにしたいのですが、なぜかグレーになりません。
緑色は一切使っていませんし、なぜなのでしょうか。
css
1<!DOCTYPE html> 2<html> 3<head> 4 5 <style> 6 .padding{ 7 border: 1px solid #aaa; 8 padding: 20px 40px; 9 } 10 </style>
html
1<title></title> 2</head> 3<body> 4 <div class="padding"> 5 <p style="background-color:#ebf0f5"><font color="#5A5F64"><br> 6 <b>あいうえお</b></font><b><font color="ff0000”>[必須]</b></br></font> <br><input type="><br> 7 <br> 8 <b>あいうえお</b><font color="#FF0000">[必須]</font></font><font color="#FF0000"><br></font><br> 9 <input name="example2" size="30" type="text"><br> 10 <br> 11 <b>あいうえお<font color="#FF0000">[必須]</font></b><font color="#FF0000"><br></font><br> 12 <input name="example2" size="30" type="text"><br> 13 <br> 14 <b>あいうえお<font color="#FF0000">[必須]</font></b><font color="#FF0000"><br></font><br>（続く）
回答3件
0
ベストアンサー
緑色は謎ですが、その他の問題を少し整理してみますね。
１、まず最初のあいうえおにて、「"」→「”」になっている。
あと「>」は実体参照(ブラウザにそのまま表示する時に使う)でタグが閉じられてないので「>」にすることで、
緑色が消えて、一つ目の[必須]が出てきます。
<font color="ff0000”>[必須] ↓ <font color="ff0000">[必須]
２、その後のHTMLタグが実体参照でブラウザに表示されてしまっているで下記のように修正
ついでに、「<input type=">」→「<input type="">の「""」閉じ忘れ
(他と合わせるならsize="30"を付けて、type="text"にする)
で、正しく表示されると思います。
<b>あいうえお</b></font><b><font color="ff0000”>[必須]</b></br></font> <br><input type="><br> ↓ <b>あいうえお</b></font><b><font color="ff0000">[必須]</b></br></font> <br><input size="30" type="text"><br>
３、二つ目の[必須]が太字になってないので</b>タグで[必須]まで囲めば良い。
そもそも他をコピペすれば良いのですが、意図が分からないので何かの気づきになれば。
投稿2020/02/28 18:52
総合スコア15
0
とりあえず
<font color="ff0000”
のところを
css
1<font color="#ff0000"
にしてみてください
投稿2020/02/28 09:47
総合スコア118025
0
一番先頭の、必須のfontタグが閉じられていません。
変更前
<b>あいうえお</b></font><b><font color="ff0000”>[必須]</b></br></font> <br><input type="><br>
適切なところで</font>を追加すると期待通りになるかな、と思います。
以下は例です。
<b>あいうえお</b></font><b><font color="ff0000”>[必須]</b></br></font> <br><input type="><br></font>
投稿2020/02/28 09:46
総合スコア1809
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/03/02 04:38