Меню сайту


Підручники
Підручник HTML [17]
Підручник CSS [17]


Форма входу


Статистика

Онлайн всього: 1
Гостей: 1
Користувачів: 0


Пошук


Вітаю Вас, Гість · RSS 25.06.2017, 00:27
На головну » Підручники » Підручник HTML » Урок 7: Атрибути - Підручник HTML
Урок 7: Атрибути

Ви можете призначати атрибути в багатьох тегах.

Що таке атрибут?

Як ви, можливо, пам'ятаєте, теги це позначки, що вказують браузеру, як потрібно представляти ваш web-сайт. (Наприклад,
інформує браузер, що потрібно зробити новий рядок). У деяких тегах ви можете вводити додаткову інформацію. Така додаткова інформація називається "атрибут".

Приклад 1:

<h2 style="background-color:#ff0000;">Мій друг HTML</h2>

Атрибути завжди записуються всередині тега, після них іде знак рівності і деталі атрибуту, укладені в подвійні лапки. Крапка з комою після атрибуту служить для поділу команд різних стилів. Ми до цього ще повернемося.

Про що ж мова?

Атрибути бувають різні. Перший вивчений вами атрибут це style / стиль. За допомогою цього атрибуту ви можете налаштовувати відображення вашого web-сайту. Наприклад, колір фону / background colour:

Приклад 2:

           <html>

                      <head>
                      </head>

                      <body style="background-color:#ff0000;">
                      </body>

           </html>

виведе в браузері сторінку червоного кольору - перевірте самі. Ми детально пояснимо, як працює система кольору.

Зверніть увагу, що деякі теги і атрибути використовують американську, різновид англійської мови, тобто color замість colour. Важливо використовувати саме такий варіант написання, як ми використовуємо в прикладах в цьому підручнику - інакше браузери не зможуть зрозуміти ваш код. Також не забувайте ставити подвійні лапки після атрибута.

Як сторінка стала червоною?

У попередньому прикладі ми запросили висновок червоного фону кодом "#ff0000". Це код червоного кольору в т. н. шістнадцятковому форматі (HEX). Кожному кольору відповідає своє 16-кове число. Ось приклади:

Білий: #ffffff
Чорний: #000000 (нулі)
Червоний: #ff0000
Синій: #0000ff
Зелений: #00ff00
Жовтий: #ffff00

16-ковий код кольору складається з # і шести цифр або букв. Існує понад 1000 HEX кодів і буває непросто визначити, який HEX-код якому кольору відповідає. Для зручності ми радимо мати карту 216 найпоширеніших кодів кольору: 216 Web Safe Colour Chart.

Можна використовувати також англійські назви найпоширеніших кольорів (white, black, red, blue, green і yellow).

Приклад 3:

<body style="background-color: red;">

Але досить про кольори. Давайте повернемося до атрибутів.

Які теги можуть використовувати атрибути?

Різні атрибути можуть застосовуватися для більшості тегів.

У таких тегах, як body, ви будете часто використовувати атрибути, а, наприклад, в тегу br - рідко, оскільки перенесення рядка це зазвичай перенесення рядка без будь-яких уточнюючих параметрів.

Є безліч тегів, є й багато атрибутів. Є атрибути, призначені спеціально для якогось певного тега, а інші можна використовувати в різних тегах. І навпаки: деякі теги можуть мати тільки один якийсь певний атрибути, в той час як інші теги - кілька атрибутів.

Це може звучати трохи незрозуміло, але, коли ви вивчите різні атрибути, ви побачите, що все побудовано дуже логічно, що використовувати атрибути легко і просто, і що вони значно розширюють ваші можливості.

У цьому підручнику ми розглянемо найважливіші атрибути.

До речі, з яких ще частин складається тег?

Основна частина тега називається елемент (наприклад, p в <p> ). Таким чином, тег складається з елементу (наприклад, <p> ), або з елемента плюс один або більше атрибутів (наприклад, <p style="background-color:#ff0000;"> ). Простіше нікуди.
<< Урок 6: Ще трохи HTML-тегів
Всього коментарів: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]