web-dev-qa-db-ja.com

ハイパーリンクテキストhtmlのフォントサイズを大きくする

私はhrefを取得したWebアプリケーションに取り組んでいます。ただし、ページと比較すると、デフォルトのフォントは小さすぎます。そこで、フォントのサイズを増やしたいと思います。

私の出力ページは以下のようになります:

enter image description here

アンカータグのフォントサイズで試してみましたが、フォントタグの後に効果が表示されません。

私が試したコードは:

<font size="100px"><a href="selectTopic?html" style="text-decoration: none">HTML 5</a></font>

では、フォントサイズを変更するにはどうすればよいですか?

10
Aniket

このようにすることができます:

a {font-size: 100px}

フォントタグは廃止されているため、使用しないようにしてください。代わりに上記のようなCSSを使用してください。アンカーに特定のクラスを与え、それらに任意のスタイルを適用できます。

17
Eli

fontタグは正しくないため、一部のブラウザーでは機能しません。 pxユニットは、HTML属性ではなくCSSで使用されます。フォントタグは次のようになります。

<font size="100">

まあ、実際にはそこにあるべきではありません。 fontタグは非推奨です。CSSを使用してコンテンツをスタイルする必要があります。既にtext-decoration

<a href="selectTopic?html" style="font-size: 100px; text-decoration: none">HTML 5</a>

コンテンツをスタイリングから分離するには、もちろん、インラインstyle属性としてではなくスタイルシートにCSSを配置する必要があります。そうすれば、すべての要素に同じstyle属性を設定しなくても、1つのスタイルを複数の要素に適用できます。

例:

<a href="selectTopic?html" class="topic">HTML 5</a>

CSS:

.topic { font-size: 100px; text-decoration: none; }
11
Guffa

以下のようにアンカータグにクラスを追加できます

.a_class {font-size: 100px} 
1

もっと簡単な方法があります。そのhref用に作成された段落にhrefを挿入します。例えば:

HREF名

0
Web Coder