HTML професионално Външен css стилов лист

Като начало, нека създадем същите тези хипервръзки в лявата колона.

Нека бъдат три: Ранни творби Портрети Стилови характеристики

Сами по себе си хипервръзките все още няма да водят никъде. все още нямаме други страници освен основната.

Съгласете се, че такова подреждане на хипервръзки изглежда, меко казано, не много естетично. Поставете ги в горната част на клетката. Нека използваме нашия стилов лист, за да разрешим този проблем. Нека създадем нов клас и да го наречем, да речем, table1.

Имайте предвид, че името на класа се предшества от точка.

Ако по-рано форматирахме специфични тагове на html страницата, след това, създавайки клас, сега можем да го използваме за форматиране на различни тагове.

В този случай ние форматираме лявата колона (по-точно клетката) на средната таблица. Ето как изглежда html кода:

Сега нека да преминем към форматирането на хипервръзки.

  • A:link - форматира линк в състояние на "покой", който все още не е посетен;
  • A:visited - форматира линк в състояние на "покой", който вече е бил посетен;
  • A:active - форматира текущия активен линк;
  • A:hover - форматира връзката, върху която мишката в момента е поставена.

Най-горе на страницата

Най-горе на страницата