2.5. Елементи, дескриптори і атрибути
У мові HTML визначені контейнери, дескриптори й атрибути (рис. 6).
Пара дескрипторів називається контейнером. Контейнер складається з відкриваючого й закриваючого дескрипторів, між якими розташовані дані. Дескриптор ідентифікується іменем, яке вказується між відкриваючою й закриваючою кутовими дужками (символами « < » і « > »), і визначає, як повинна відображатися інформація, що входить до складу контейнера. Атрибути детермінують (уточнюють) дію дескриптора.
Рис. 6. Елементи, дескриптори і атрибути
При використанні дескрипторів необхідно враховувати наступні правила.
-
Всі стандартні дескриптори починаються із символу « < » і закінчуються символом і « > » (наприклад, <html>).
-
Між символами, що становлять ім'я дескриптора, пробіли неприпустимі. Також небажане включати пробіли між кутовими дужками й ім'ям дескриптора.
-
Кожному відкриваючому дескриптору повинен відповідати закриваючий. Закриваючий дескриптор відрізняється від відкриваючого тим, що перед іменем дескриптора стоїть коса риска (</html>).
-
При створенні HTML-документа використовуйте в іменах дескрипторів тільки символи нижнього регістру. Незважаючи на те що в мові HTML для дескрипторів не має значення регістр символів, в XHTML дескриптори можуть складатися тільки із символів нижнього регістру, тому, виконуючи дане правило, ви забезпечите XHTML-сумісність вашого документа.
-
Для розділення атрибутів, а також для того, щоб відокремити перший атрибут від імені дескриптора, використовуються пробіли. Наявність пробілів у складі значення атрибута може привести до непередбачених наслідків.
-
Дотримуйтеся необхідної структури HTML-документа. Задавайте основні дескриптори в правильному порядку.
Наприклад, дескриптори <p> і </p> формують абзац, а пари дескрипторів <em> і </em> вказують на те, що текст, що міститься між ними, повинний відображатися курсивом. Дескриптори також використовуються для створення гіпертекстових посилань. Завдяки наявності гіпертекстових посилань користувач може перейти до іншого документу клацанням миші на частині тексту або зображенню [5].
Атрибути уточнюють дію дескрипторів. У деяких дескрипторах обов'язково повинні вказуватися атрибути.
Дескриптор <body> може складатися тільки з імені, але при необхідності до нього можна включити деякі атрибути. Так, наприклад, до складу дескриптора <body> можна включити атрибут bgcolor, що визначає колір фону (<body bgcolor="#FFFFFF">). Атрибути вказуються лише у відкриваючому дескрипторі.
У складі дескриптора може бути присутнім кілька атрибутів. Наприклад, дескриптор <BODY>, який містить атрибути, що визначають колір фону й колір гіпертекстових посилань, можна записати так:
<body bgcolor="#FF0000" link="#FFFFFF">
Для більшості атрибутів задаються значення, які обумовлюють особливості роботи дескрипторів. У наведеному вище прикладі атрибут bgcolor має значення ="#FFFFFF". Значення атрибута вказується в лапках.
<html>
<head>
<meta http-equiv="Content-Language" content="uk">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Прислів’я та приказки про розум</title>
</head>
<body link="#800080" vlink="#000080" alink="#FF0000" text="#000080" bgcolor="#C0C0C0">
<p><font color="#0000FF">Не краса красить, а розум.</font></p>
<p><font color="#FF0000">Розум - скарб людини.</font></p>
</body>
</html>
- Тема I. Основи будови, функціонування та сервіси глобальної комп’ютерної мережі Інтернет
- 1. Загальна характеристика та етапи розвитку глобальної комп’ютерної мережі Інтернет
- 2. Інтернет з'єднання
- 2.1. Протоколи комп’ютерних мереж в Інтернеті
- 2.2. Локальна мережа (Local-area networks - laNs)
- 2.3. Глобальна мережа (Wide-area networks - waNs)
- 2.4. Віртуальні приватні мережі (Virtual private network - vpn)
- 2.4.1. Переваги використання віртуальних приватних мереж
- 3. Служби глобальної комп’ютерної мережі Інтернет
- 4. Мережні дані та класифікація комп’ютерних мереж
- 5. Мережні пристрої
- 5.1. Network interface card (nic) – мережний адаптер
- 5.2. Установка nic та модему
- 5.3. Мережні топології
- 6. Короткий огляд високошвидкісного і комутованого підключення
- 7. Опис tcp/ip. Тестування підключення за допомогою утиліти ping
- Список рекомендованих джерел інформації
- 1. Мережні моделі
- 1.1. Використання рівнів для опису передачі інформації
- 1.2. Модель osi
- 1.4. Однорангова модель взаємодії (peer-to-peer communications)
- 1.5. Модель tcp/ip
- 1.6. Складові процесу інкапсуляції
- 2. Система адресації комп’ютерів у мережі Інтернет
- 3. Ідентифікація комп’ютерів у мережі Інтернет за допомогою символьних імен - dns
- Список рекомендованих джерел інформації
- Тема III. Основи Web-дизайну
- 1.1. Концептуальна модель web
- 1.2. Характеристики World Wide Web
- 1.3. Організації www
- 2. Елементи Web - документів
- 2.1. Етапи розвитку мови html
- 2.2. Інші мови розмітки
- 2.3. Ієрархія dom
- 2.4. Структура html документа
- 2.5. Елементи, дескриптори і атрибути
- 2.6. Дескриптори, що визначають структуру html-документа
- 2.7. Включення зображень в Web-сторінку
- 2.8. Гіпертекстові посилання
- Зовнішній вид фрагмента коду html у вікні навігатора
- 2.9. Таблиці
- 2.10. Списки в html документі
- 2.11. Фрейми
- Список рекомендованих джерел інформації
- Тема III. Основи Web-дизайну
- 3.6. Поддержка стилей
- 3.6.1 Встраиваемые стили
- 3.6.2 Включаемые стили
- 3.6.3 Связываемые стили
- 3.6.4. Импортируемые стили и правило @import
- 4.1. Формати графічних файлів Web-сторінок
- 4.1.1. Формат jpeg
- 4.1.2. Формат gif
- 4.1.4. Який формат краще
- 4.2. Звук в документах html
- 5. Додатки cgi
- 5.1. Створення форм
- 5.1.1. Опис форми
- 5.1.2. Створення органів керування для форми
- 5.1.3. Приклад документа html із формою
- 5.2. Передача даних програмі cgi
- 5.2.1. Метод get
- 5.2.2. Метод post
- 5.2.3. Порівняння - get і post
- Список рекомендованих джерел інформації
- Лабораторна робота №1
- 2. Вміти використовувати мережні команди для одержання інформації про топологію та конфігурацію мережі, мережне обладнання робочих станцій та працездатність комп’ютерної мережі.
- 1. Визначення апаратного забезпечення робочої станції
- 2. Вивчення роботи мережних команд в режимі емуляції dos (командному рядку).
- Net send 15-09 Як справи, друже. Як працює мережа?
- 3. Дослідження підключення локальної мережі класу до глобальної мережі Internet.
- Ping.Exe -t ім’я робочої станції викладача
- Ping.Exe -l розмір пакету ім’я робочої станції
- Ping.Exe -w інтервал ім’я робочої станції
- 4. Висновки за результатами лабораторної роботи
- Лабораторна робота №2
- 2. Набуття навичок використання служби електронної пошти Інтернет із Web-інтерфейсом.
- 1. Створення облікового запису у програмі поштового клієнту ms Outlook Express:
- 2. Відправка повідомлень у програмі електронної пошти ms Outlook Express:
- 3. Прийом повідомлень у програмі електронної пошти ms Outlook Express:
- 4. Створення ієрархії папок для повідомлень.
- 5. Включення у повідомлення різних об’єктів.
- 6. Перегляд і збереження вкладених файлів.
- 7. Робота з адресною книгою.
- 8. Відправка кореспонденції із використанням Адресної книги.
- 9. Створення власного підпису.
- 10. Створення електронних листів із використанням вбудованих шаблонів.
- 11. Відповідь на електронні листи.
- 12. Робота з електронною поштою Web-базування:
- 13. Висновки за результатами лабораторної роботи.
- Лабораторна робота №2
- 2. Набуття навичок використання служби електронної пошти Інтернет із Web-інтерфейсом.
- 1. Створення облікового запису у програмі поштового клієнту ms Outlook Express:
- 2. Відправка повідомлень у програмі електронної пошти ms Outlook Express:
- 3. Прийом повідомлень у програмі електронної пошти ms Outlook Express:
- 4. Створення ієрархії папок для повідомлень.
- 5. Включення у повідомлення різних об’єктів.
- 6. Перегляд і збереження вкладених файлів.
- 7. Робота з адресною книгою.
- 8. Відправка кореспонденції із використанням Адресної книги.
- 9. Створення власного підпису.
- 10. Створення електронних листів із використанням вбудованих шаблонів.
- 11. Відповідь на електронні листи.
- 12. Робота з електронною поштою Web-базування:
- 13. Висновки за результатами лабораторної роботи.
- Лабораторна робота №4
- Вивчити структуру побудови та елементи html-документа.
- Вивчити застосування непарних міток та Esc-послідовностей у html-документах.
- Вивчити засоби та дескриптори фізичного форматування тексту в html-документах.
- Завдання
- Висновки за результатами роботи
- Контрольні питання
- Список рекомендованої літератури