вивчаємо атрибути

Здрастуй, шановний читачу.

Це шостий урок, в якому ми поговоримо про атрибутах. Тут ви дізнаєтеся які бувають атрибути. Для чого вони використовуються і яке значення можуть приймати. А також де їх застосовувати.

Перед прочитанням даного уроку рекомендую пройти попередні уроки:

Урок 1. Що таке html?
Урок 2. Частини, заголовки
Урок 3. Списки
Урок 4. Зображення
Урок 5. Посилання. Частина 1
Урок 5. Посилання. Частина 2

Теорія і практика - Атрибути

Ви вже знаєте як виглядають атрибути. Також знаєте що є у кожного атрибута певне значення.

Ви вже знаєте такі атрибути як src, width, hegiht, alt у тега зображення:

lt;img src="Fruits.jpg" width="246" height="205" alt="Фрукти"gt;

Також знаєте атрибути href і title тега посилання:

lt;a href="#" title="Головна"gt; Головнаlt;/agt;

Хочу розповісти ще про один важливий і часто використовується атрибуті. це атрибут style. Значення які може приймати даний атрибут - це майже все значення css. Але так як цей курс присвячений html, ми поговоримо докладно про значення даного атрибута в уроках по css. А зараз хочу навести невеликий приклад коду з використанням даного атрибута:

lt;body style="Background-color: #cccccc"gt; ....lt;/bodygt;

Як це виглядає в браузері:

Background в Firefox

Я написав цей атрибут для тега body. А тег body відповідає за вміст документа. значення атрибута style = "background-color: #cccccc". Щоб було зрозуміліше:

background-color - відповідає за колір фону

#cccccc - це колір фону. Колір в html задається за допомогою букв. Про це ще буде сказано в наступних уроках.

Порядок в якому розташовані атрибути не має значення. Звичайно це не всі атрибути. Їх дуже багато. І не всі вони є однаковими для всіх тегів. Якщо ви розібралися що таке атрибут, то вам буде набагато легше зрозуміти код, якщо з`являться нові атрибути.

У цьому невеликому уроці ми розглянули і повторили які бувають атрибути. Пробуйте все прописати руками. Тоді ви краще запам`ятайте їх і будете пам`ятати де і як їх застосувати.