Лого SiteHere.ru

Урок 6. Атрибуты

Урок 6. Атрибуты

Здравствуй, уважаемый читатель.

Это шестой урок, в котором мы поговорим о атрибутах. Здесь вы узнаете какие бывают атрибуты. Для чего они используются и какое значения могут принимать. А также где их применять.


Перед прочтением данного урока рекомендую пройти предыдущие уроки:
Урок 1. Что такое html?
Урок 2. Параграфы, заголовки
Урок 3. Списки
Урок 4. Изображения Урок 5. Ссылки. Часть 1 Урок 5. Ссылки. Часть 2

Теория и практика — Атрибуты

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

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

<img src="fruits.jpg" width="246" height="205" alt="Фрукты">

Также знаете атрибуты href и title тега ссылки:

<a href="#" title="Главная">Главная</a>

Хочу рассказать еще об одном важном и часто используемом атрибуте. Это атрибут style. Значения которые может принимать данный атрибут — это почти все значения css. Но так как этот курс посвящен html, мы поговорим подробно о значении данного атрибута в уроках по css. А сейчас хочу привести небольшой пример кода с использованием данного атрибута:

<body style="background-color:#cccccc">
....
</body>

Как это выглядит в браузере:

Background в Firefox

Я написал данный атрибут для тега body. А тег body отвечает за содержимое документа. Значение атрибута style="background-color:#cccccc". Чтобы было более понятно:

background-color — отвечает за цвет фона

#cccccc — это цвет фона. Цвет в html задается с помощью букв. Об этом еще будет сказано в следующих уроках.

Порядок в котором расположены атрибуты не имеет значения. Конечно это не все атрибуты. Их очень много. И не все они одинаковы для всех тегов. Если вы разобрались что такое атрибут, то вам будет намного легче понять код, если появятся новые атрибуты.

В этом небольшом уроке мы рассмотрели и повторили какие бывают атрибуты. Пробуйте всё прописать руками. Тогда вы лучше запомните их и будете помнить где и как их применить.

Больше практикуйтесь!

1 комментарий к записи
  • bobo

    Вы уже знаете такие атрибуты как src, width, hegiht, alt у тега изображения:
    У вас тут помилка

     

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *