 Меню сайту |
|
| Підручники |
|
| Форма входу |
|
| Статистика |
Онлайн всього: 1 Гостей: 1 Користувачів: 0 |
| Пошук |
|
|
| Вітаю Вас, Гість · RSS |
18.04.2024, 06:40 |
|
На головну » Підручники » Підручник HTML » Урок 7: Атрибути - Підручник HTML
|
|
|
Ви можете призначати атрибути в багатьох тегах.
Що таке атрибут?
Як ви, можливо, пам'ятаєте, теги це позначки, що вказують браузеру, як потрібно представляти ваш 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-тегів
|
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ] |
|
