- ベストアンサー
htmlテーブルのリンク書式設定が反映されない
- htmlでテーブル内にリンクを貼った場合、<font size="20">と書いても文字色や文字サイズの変更が反映されません。
- リンクの書式設定が正しく反映されない原因はどこにあるのか解決方法を教えてください。
- テーブル内のリンクの装飾を変更する方法について詳しく説明してください。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
HTMLを基本から学びなおさないとだめです。--学問に王道なし--- まず、 ・table(表)でないものをtableでマークアップしてはならない!! 「ページレイアウトの目的で表を用いる。」 14.1 スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 ) この場合はナビゲーションリンクですから <ul><!-- HTML4.1以前,HTML5だとnav要素を使う --> <li><a href="./main.html">TOP</a></li> <li><a href="./profile.html">PROFILE</a></li> <li><a href="./shop.html">SHOP</a></li> <li><a href="help.html">HELP</a></li> </ul> またtargetはframeで使う属性ですが、frame自体非推奨です。 <font size="20"> font要素は非推奨です。スタイルシートを使いましょう。 15.2.2 フォント変更要素: FONT要素とBASEFONT要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/graphics.html#edef-FONT ) <br>は間隔をあけるために使用する要素ではなく、ひとつの段落内で強制的に改行させるための空要素です。間隔をあけるにはスタイルシートでmarginで指定します。 スタイルシートはHEAD内に書くときは <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- a:link{color:white;} --> </style> のように書きます。 参考までにHTMLの<body>内を書き直すと <body> <ul class="nav"> <li><a href="./main.html">TOP</a></li> <li><a href="./profile.html">PROFILE</a></li> <li><a href="./shop.html">SHOP</a></li> <li><a href="help.html">HELP</a></li> </ul> </body> </html> スタイルシートは body{width:100%;background-color:pink;} /*1200pxでは小さな画面ははみ出る*/ ul,li{list-style:none;display:block;height:30px;} ul li{width:20%;float:left;} とかになるかな・・・ ■至急、基本から
その他の回答 (2)
- DrFell
- ベストアンサー率55% (305/551)
<body link="WHITE" vlink="WHITE" alink="WHITE"> </head> <body> を <style>td{color:#文字の希望色;font-size:20px;font-weight:bold;}</style> </head> <body link="WHITE" vlink="WHITE" alink="WHITE"> に変えてみてください。 上のことをされると希望の表示になると思います。 位置もわるいです。そして、fontタグやｂタグは非推奨タグです。これらのタグでは詳細度の関係でcssファイルに色や大きさの指定があると、負けます。正しい位置に来ていても意図したようにはならないです。 一応、fontやbタグは<td></td>の中に、<font><b></b></font>か<b><font></font></b>のように<font><b></font></b>にはならないように、入れてください。<a>タグも閉じましょう。 http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html で文法テストをやってくれます。ｈｔｍｌ上の間違いは機械的に教えてくれますので、お試しください。
- STICKY2006
- ベストアンサー率29% (1536/5269)
こんちくは。 >>変更したいのですが、<font size="20">と書いても全く反映しません。 やるなら <font size ="7">|TOP|</font> ですので、<td> の内側に入れてやりましょう。 また、fontタグの場合は、サイズは１～７ですので２０では無意味ですよ。 font-size:20ならば、css側になるので、別のお勉強になります。 HTML fontタグ http://www.htmq.com/html/font.shtml スタイルシート font-size http://www.htmq.com/style/font-size.shtml
