ЯК виділити посилання кольором

Мова розмітки HTML має велику кількість налаштувань відображення елементів у вікні браузера. Для редагування графічних параметрів, завдання кольору елементів сторінки найчастіше застосовується CSS, який дозволяє зробити більш тонке налаштування потрібного кольору тексту.

Інструкція

Для редагування параметра відображення посилання необхідно змінити код сторінки. Відкрийте ваш HTML-документ за допомогою утиліти для редагування коду. Скористайтеся стандартним редактором Windows «Блокнот». Ви також можете встановити додатково такі програми, як Notepad ++ або HTML-Viewer які дозволять переглянути потрібну вам код з підсвічуванням синтаксису. Для відкриття файлу в редакторі клікніть правою клавішею миші та виберіть "Відкрити за допомогою». У списку вкажіть обрану вами утиліту.

У вікні редактора перейдіть до посилання, колір якої ви хочете змінити. Кожне посилання має вигляд Ім'я посилання. Щоб змінити колір тексту, використовується параметр style.

Вибравши потрібну для зміни строчку, перейдіть в блок сторінки. Після закриває дескриптора введіть тег

Даний код створює псевдоклас з ім'ям colorchange, який може бути використаний в атрибутах посилань. Параметр color відповідає за колір тексту елемента - в даному випадку стоїть значення red, яке і створить текст червоного кольору. Ви можете внести будь-яке значення HTML в даний пункт. Колір фону посилання задається через параметр background. Параметр padding відповідає за відступ посилання щодо інших елементів.

Після створення псевдокласу його потрібно задати в самому тілі документа. Поверніться на ту ділянку коду, де розташована ваша посилання. Відредагуйте її, вписавши параметр class і задавши йому значення з ім'ям псевдокласу CSS. Наприклад:

Назва посилання

Ви створите посилання червоного кольору з синім фоном і відступом в 1 піксель, як і було задано в коді CSS вище. Збережіть зроблені у файлі зміни і закрийте вікно редактора. Для перевірки зазначеного коду відкрийте вашу сторінку у вікні браузера, щоб переконатися, що вироблені налаштування зроблені правильно. Виділення посилання кольором завершено.