電子書籍の厳選無料作品が豊富!

HTMLタグを使用して
ページを作ろうと思っています。
そして作成してみたところ、
エラーがあるみたいで
auで正しく見れていないようです。

携帯から閲覧できるものを作成しています。

問題点としては、
fontタグ、divタグ、テーブルタグの
開始タグと閉じタグの数が
あっていないようなのです。
(開始タグが1個少ない)

自分でも考えてみたのですが
やっぱり治りません!

どなたか詳しい方、
どこをどうなおせばよいのか
教えていただけないでしょうか。

下記が問題のあるタグです。
</br>
<center>
</br><table bgcolor="white" cellspacing="4" width="80%"><tr><td bgcolor="#ffffff"><center>
</br>
<HR color="#FFCCCC" size="4" width="100%">
<HR color="#FFCCCC" size="1" width="100%">
<img align=center mode=<img src="画像URL"><div align="center"></br></div></center>
<center><img align=center mode=<img src="画像URL"><div align="center"></br></div></center>
<clear=all>
<HR color="#FFCCCC" size="1" width="100%">
<HR color="#FFCCCC" size="4" width="100%"></center>

<CENTER><a href="サイト独自タグ"><font size="1" color="#8A8A8A">aaaaaaaa</font></a></CENTER>
</br>

</td></tr></table>

</br></br>
<br><center><table bgcolor="white" cellspacing="4" width="85%"><tr><td bgcolor="#ffffff"><font size=1></font></center>

A 回答 (9件)

>最後の行が最後で、それに続きはありません。


>使ってるのはこのサイトのこのページだけなので
>書き直していただきたいくらいです(;‐;)

タグに続きがないということなら、
最後の行のtableタグの断片は無用のモノという事でしょうかね?
一応、何か文字を書いて使えるテーブルの形にしておきましたが、
もし最後のテーブルが無用なら、<br />が連続で3個並んでるとこから最後の行までを消してください。

>テーブルの中がちゃんと白くなってないものがあり、
>中とラインが同じ色になっていたりする機種があります。

テーブルが複数あるという事でしょうか?もしそうであれば、
最後の閉じていないテーブルがそのようになったのではないかと思います。

>fontタグとdivタグがおかしいのもありますが、
fontタグがおかしいのは、「font size=1」と属性値を「"」で挟んでいない箇所があるためだと思われます。(XHTMLでは「"」が必須)
この場合、正しくは「font size="1"」。
divタグがおかしいのは、imgタグに余分についていた「<」が
divタグに掛かっていたからだと思われます。

あとhtmlタグやheadタグやtitleタグやbodyタグなどもないのですが、
そこらへんはサイトで自動挿入してくれているんでしょうかね(?)

実際はもうすこし整文できるのですが、
なるべく元のタグを尊重して近い形にしておきました。
しかし、これでちゃんと表示できるかどうかは、
このページを作成しているサイトも、実際に公開するこのページの完成形もわからないので確認していません。
(ある種のプライバシーですから教えなくていいです)

もし何か間違いなどあれば詳しい方、ご指導おねがいします。

<br />
<div align="center"><br />
<table bgcolor="white" cellspacing="4" width="80%"><tr><td bgcolor="#ffffff">
<div align="center">
<br />
<hr color="#FFCCCC" size="4" width="100%" />
<hr color="#FFCCCC" size="1" width="100%" />
<img src="画像URL"alt="画像表示できない場合の代替テキスト" />
<br />
<img src="画像URL"alt="画像表示できない場合の代替テキスト" />
<br clear="all" />
<hr color="#FFCCCC" size="1" width="100%" />
<hr color="#FFCCCC" size="4" width="100%" />
</div>

<div align="center">
<a href="サイト独自タグ"><font size="1" color="#8A8A8A">aaaaaaaa</font></a></div>
<br />

</td></tr></table></div>

<br /><br /><br />
<div align="center">
<table bgcolor="white" cellspacing="4" width="80%"><tr><td bgcolor="#ffffff">
<font size="1">何かの文章</font>
</td></tr></table></div>
    • good
    • 0

>一番致命的なミスはテーブルタグにあるようです。


>最後の行が最後で、それに続きはありません。
2行2列のテーブルを作成するなら、基本的な記述としては
<table>
<tr><td>○○</td><td>△△</td></tr>
<tr><td>□□</td><td>××</td></tr>
</table>
となります。
各タグが開始タグと終了タグで対になっていて、それぞれ入れ子関係が
正しくなっていることが必須です。
そういった目で各タグの使い方をチェックするといいですよ。
    • good
    • 0

> どこに > を足せば正常にタグが


> 作動するのでしょうか。


「>」を足すというよりも、「<img align=center mode=」までの部分を消しましょう。必要ありませんので。
ついでに、imgタグには「alt="画像の代替テキスト"」は必須なのでこの場合なら、

【修正前】<img align=center mode=<img src="画像URL">
【修正後】<img src="画像URL"alt="画像表示できない場合の代替テキスト" />

となります。
alt=""には、特に携帯電話ではパケット通信料の問題で画像を非表示にしている方も結構いますので、そういう方のために画像が表示されない場合の代わりに表示する文字を書いておくのです。


他にも、改行タグ(開始・終了タグと、終了タグの省略形)の使い方はNo.6さんが書いている通りで、
タグの入れ子や、HRやCENTERが大文字になっている事(携帯用のXHTMLではタグは全て小文字で書く)や、無駄なセンタリングなど、修正したい点は多々あります。

質問文の一番最後の行にある、
tableタグが閉じられていない?のも気になります。(その後にどう続いているのかは不明ですが、tableタグの外にあるはずのcenterタグを、tableタグを閉じる前に閉じている)

いっそ書き直してあげたいくらいですが、merika73さんご自身がサイトを作り運営を楽しむためには「一時的な余計なおせっかい」になりかねないので、大きな間違いから順に、直しながら覚えていったほうが良いかと思います。
    • good
    • 0
この回答へのお礼

画像のところは
いらないところを消して、
altというのを足しました!
ありがとうございます!

このページを作成しているサイトの
htmlタグチェックを見てみると、
fontタグとdivタグがおかしいのもありますが、
一番致命的なミスはテーブルタグにあるようです。

最後の行が最後で、それに続きはありません。

auで見た場合、
テーブルの中がちゃんと白くなってないものがあり、
中とラインが同じ色になっていたりする機種があります。

使ってるのはこのサイトのこのページだけなので
書き直していただきたいくらいです(;‐;)
初心者中の初心者なもので
教えてもらうばかりで申し訳ありません。

お礼日時:2010/03/01 20:08

>改行もおかしいですか:;


>開始タグ少ないですかね?
タグの使い方の基本として、開始タグと終了タグは対で使います。
例えば<hrml>と</html>、<body>と</body>のように使います。
改行については終了タグなしで使えますからHTMLでは <br> と
なりますが、XHTMLでは終了タグが必須となるため、<br /> となります。
    • good
    • 0
この回答へのお礼

htmlタグだと
終了タグは省略できるということでしょうか。
すべてhtmlでやっているのでそれもふまえて
もう一度見直してみようと思います。

お礼日時:2010/03/01 19:56

個々の修正箇所については、皆さん回答されている通りです。


質問文を見る限り、恐らくその部分以外も何かしら間違った記述をしていると思いますので、今後の指針としては、参考URLでチェックをしてエラーをつぶしていくと良いでしょう。
パソコン、携帯両方から見るためのページならXHTML。携帯専用のページなら、XHTML Basicで作成すると良いと思います。

参考URL:http://openlab.ring.gr.jp/k16/htmllint/htmllint. …
    • good
    • 0
この回答へのお礼

URLまでありがとうございます!

お礼日時:2010/02/28 13:30

改行タグも使われ方がおかしいですよね。

    • good
    • 0
この回答へのお礼

回答ありがとうございます!
改行もおかしいですか:;
開始タグ少ないですかね?

お礼日時:2010/02/28 13:17

よく見たら6行目にもimgタグがありましたね。


<img align=center mode=<img src="画像URL">

どう譲歩しても「>」が足りないので、
タグの開始や終了を誤認識しているかと思います。
    • good
    • 0
この回答へのお礼

回答ありがとうございます!
なんか私は根本的なミスが
あるみたいです。
どこに > を足せば正常にタグが
作動するのでしょうか。
聞きっぱなしで申し訳ありません。

お礼日時:2010/02/28 13:15

上記のHTMLの断片内を見た限りでは、、以下の誤りが見受けられます。



(1)centerの開始タグの不足
<HR color="#FFCCCC" size="1" width="100%">
<HR color="#FFCCCC" size="4" width="100%"></center>

(2)これもタグですか?
<clear=all>

(3)<center><table bgcolor="white" cellspacing="4" width="85%"><tr><td bgcolor="#ffffff"><font size=1></font></center>
ここは、
<center><table bgcolor="white" cellspacing="4" width="85%"><tr><td bgcolor="#ffffff"></td></tr></table><font size=1></font></center>

ではないですか?

携帯電話のHTML3.0などの仕様は詳しく知らないんですが、
tableタグが携帯電話でサポートされているなら、上記でいかがでしょうか?
    • good
    • 0
この回答へのお礼

回答ありがとうございます!
(1)についてはタグいれて
解消できたみたいです!
ありがとうございました。
(2)についてはなくても問題ないもの
だったみたいなので消しました!
(3)については
やってみたところ、
テーブルの背景がラインと同じ色になってしまいました。
なのでもとに戻しましたが、
どのような改善法があるでしょうか;;

お礼日時:2010/02/28 13:13

ざっと見たところ、おかしなところはいくつかありますが


致命的なのは7行目の・・
<center><img align=center mode=<img src="画像URL"><div align="center"></br></div></center>

ここのimgタグじゃないですかね。
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
閉じるもの > が足りないのでしょうか?

お礼日時:2010/02/28 13:09

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!