2016-07-04 6 views
0

私はテーブルを作成しています。テーブルのフォントサイズをウェブページのフォントサイズ全体と同じにしたいので、サイズ属性のフォントタグを追加しました。 このタグは、Webページ上のraveryテキストのフォントサイズを変更しますが、テーブルのフォントがテーブルのフォントサイズは、フォントタグの適用後に変更されていません

<html> 
 
<head> 
 
<title>use of table</title> 
 
</head> 
 
<body> 
 
\t <center> 
 
\t <font size="80" style="red"><p>Hello World this is a font check</p></font> 
 

 
\t <table border="3"> 
 
\t \t <tr><td>Roll No</td> <td>195612</td> </tr> 
 
\t \t \t <tr><td>Name</td> <td>Rajesh</td></tr> 
 
\t \t \t <tr><td>Age</td> <td>23 (Twenty Three \t)</td> </tr> 
 
\t \t \t <tr><td>Father's Name</td> <td> Nayar</td> </tr> 
 
\t \t \t <tr><td>City</td> <td>Siwas Pali</td> </tr> 
 
\t \t \t </table> 
 
</center> 
 
</body> 
 

 

 
</html>

+0

ショート無答: 'は'( 'とにかくsize'の有効な値ではなかった80''と)1996年にCSSに取って代わられました。 「」を使用して停止します。 CSSを学ぶ。 – Quentin

答えて

-1

に影響されませんこれは、フォントタグが設定したHTML 5でサポートされていないという事実であるかもしれません代わりにCSSを使用してフォント。

<html> 
 
<head> 
 
<title>use of table</title> 
 
</head> 
 
<body> 
 
\t <center> 
 
<p>Hello World this is a font check</p> 
 

 
\t <table border="3"> 
 
\t \t <tr><td>Roll No</td> <td>195612</td> </tr> 
 
\t \t \t <tr><td>Name</td> <td>Rajesh</td></tr> 
 
\t \t \t <tr><td>Age</td> <td>23 (Twenty Three \t)</td> </tr> 
 
\t \t \t <tr><td>Father's Name</td> <td> Nayar</td> </tr> 
 
\t \t \t <tr><td>City</td> <td>Siwas Pali</td> </tr> 
 
\t \t \t </table> 
 
</center> 
 
</body> 
 

 

 
</html>

p{ 
    font-size: 80px; 
    color: red; 
} 
このフィドル https://jsfiddle.net/bala4kp/zxad0bc4/

0

あなたはそのように行うことができないで見てみましょう。 font-sizeはCSSプロパティです。

は、あなたがこのようないくつかのCSSを使用する必要があるHTML要素のfont-sizeを変更するには:

<style> 
    p, table{ 
     font-size: 20px; 
     color: red; 
    } 
</style> 

あなたはあなたのコードにこれを追加することができますいずれかをして<font>タグを削除するか、別のファイルを作成し、それを使用することができますあなたの<head></head>タグ内にこれを追加する:ここで

<link rel="stylesheet" href="..url.." /> 

は完全な例である:

<html> 
 
<head> 
 
    <title>use of table</title> 
 
    
 
    <style> 
 
    table{ 
 
    font-size: 25px; 
 
    color: red; 
 
    } 
 
    </style> 
 
    
 
</head> 
 
<body> 
 
    <center> 
 
\t <p>Hello World this is a font check</p> 
 

 
\t <table border="3"> 
 
\t \t <tr><td>Roll No</td> <td>195612</td> </tr> 
 
\t \t <tr><td>Name</td> <td>Rajesh</td></tr> 
 
\t \t <tr><td>Age</td> <td>23 (Twenty Three \t)</td> </tr> 
 
\t \t <tr><td>Father's Name</td> <td> Nayar</td> </tr> 
 
\t \t <tr><td>City</td> <td>Siwas Pali</td> </tr> 
 
    </table> 
 
    </center> 
 
</body> 
 

 

 
</html>

希望します。

0

これは、常にCSSのfoleにすべてのスタイリングを行うと、あなたのプロジェクトにリンク、私

body,table { font-size:12px; }//or whatever size you wish to use 

そして、彼らは前に述べたようにのために働く、標準のthats。

0

テーブルクラスではなく、セルクラスでfont-sizeを設定してみてください。

.my-table td{ 
    font-size:11px; 
} 

<table class="my-table"> 
    <tr> 
    <td>test 
    </td> 
    </tr> 
</table> 
関連する問題