увеличение размера шрифта текста гиперссылки html

Я работаю над веб-приложением, где я взял href. Но шрифт по умолчанию слишком мал по сравнению со страницей. Поэтому я хочу увеличить размер шрифта.

моя страница вывода выглядит следующим образом:

enter image description here

Я пробовал по Размер шрифта для тега привязки, но он не показывает никакого эффекта после тега font.

код, который я пробовал-это:

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

Итак, как я могу изменить размер шрифта?

4 ответов


вы можете сделать так:

a {font-size: 100px}

старайтесь избегать использования тега шрифта, потому что он устарел. Вместо этого используйте CSS, как указано выше. Вы можете дать своим якорям определенный класс и применить к ним любой стиль.


код font тег не правильный, поэтому он не будет работать в некоторых браузерах. The px unit используется с CSS, а не с атрибутами HTML. Тег шрифта должен выглядеть следующим образом:

<font size="100">

ну, на самом деле его вообще не должно быть. The font тег устарел, вы должны использовать CSS для стиля содержимого, как вы уже делаете с text-decoration:

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

чтобы отделить содержимое от стиля, вы должны, конечно, работать над помещением CSS в таблицу стилей а не как inline style атрибуты. Таким образом, вы можете применить один стиль к нескольким элементам без необходимости ставить один и тот же во всех из них.

пример:

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

CSS:

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

вы можете добавить класс в якорный тег, как показано ниже

.a_class {font-size: 100px} 

есть более простой способ. Вы помещаете href в абзац, только что созданный для этого href. Например:

Имя HREF