HTML может изменить размер текста, но не цвет

Question

У меня есть простая таблица гиперссылок:

<ul id="toc"> 
<font size="6" color="red"> 
<a href="http://www.afakesitename.com/page1.html">Page 1</a> 
<a href="http://www.afakesitename.com/page2.html">Page 2</a> 
<a href="http://www.afakesitename.com/page3.html">Page 3</a> 
</font> 
</ul> 

Я могу изменить размер шрифта элементов таблицы (например, «Page 1») изменение состояния " размер ", однако цвет остается синим независимо от значения для« цвета ».

Какая ошибка в моем коде или моем подходе?

Answer 1

Вы должны получить доступ к элементу, чтобы придать ему цвет

<style> 
 
a{ 
 
    color: red; 
 
} 
 
</style> 
 
<ul id="toc"> 
 
<font size="6" color="red"> 
 
<a href="http://www.afakesitename.com/page1.html">Page 1</a> 
 
<a href="http://www.afakesitename.com/page2.html">Page 2</a> 
 
<a href="http://www.afakesitename.com/page3.html">Page 3</a> 
 
</font> 
 
</ul>

Edit: Dont использовать тег шрифта, потому что тег шрифта не поддерживается в HTML5. Вместо этого используйте CSS.

<style> 
 
    a{ 
 
    color: red; 
 
    font-size: 26px; 
 
    text-decoration: none: 
 
} 
 
</style> 
 
<ul id="toc"> 
 
<a href="http://www.afakesitename.com/page1.html">Page 1</a> 
 
<a href="http://www.afakesitename.com/page2.html">Page 2</a> 
 
<a href="http://www.afakesitename.com/page3.html">Page 3</a> 
 
</ul>

Answer 2

Вы должны использовать CSS вместо
Вы можете использовать встроенные стили с помощью атрибута style

<ul id="toc"> 
 
    <a href="http://www.afakesitename.com/page1.html" style="font-size: 6; color: red;">Page 1</a> 
 
    <a href="http://www.afakesitename.com/page2.html" style="font-size: 6; color: red;">Page 2</a> 
 
    <a href="http://www.afakesitename.com/page3.html" style="font-size: 6; color: red;">Page 3</a> 
 
</ul>

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

<style> 
 
    #toc a { 
 
     font-size: 6; 
 
     color: red; 
 
    } 
 
</style>

<ul id="toc"> 
 
    <a href="http://www.afakesitename.com/page1.html" style="font-size: 6; color: red;">Page 1</a> 
 
    <a href="http://www.afakesitename.com/page2.html" style="font-size: 6; color: red;">Page 2</a> 
 
    <a href="http://www.afakesitename.com/page3.html" style="font-size: 6; color: red;">Page 3</a> 
 
</ul>