【HTMLタグについて】ナノを使ってサイトを作っているのですが、テーブルの幅について質問させてください。

携帯からは画面の80%、パソコンからは500pxで表示させたいです。
また、テーブルの中身の一番上に画像を入れたいのですが、テーブルの幅に合わせたいです。

一応タグを作ってみたのですが、
パソコンからは想像した通りに表示されたのですが、携帯で見ると、画像の幅はちょうどいいのですがテーブルの幅が画面いっぱいになってしまいました。

どこか間違っているんだとは思うのですが、何度考えてみても間違っているところを見つけられませんでした。
よろしかったら皆様の知識をお借りしたいです。

【タグ(リンクは省略しています)】
<center><br><br><table width="<pc>500>/pc><nopc>80%</nopc>" cellspacing="1" bgcolor="gray"><tr><td bgcolor="white"><center><img src="#mtr1_url#" width="<nopc>80%</nopc>"></center><br>
<font size=2 color=black>
<center>タイトル<br>
<br>
？ 説明書 企画　拍手 〒</center></font>
</td></tr></table></center><br><br><br>