- •5.06.01 Блок змістовних модулів html
- •5.06.01.01 Модуль Мова html
- •Контрольні питання:
- •Що собою представляє стандарт dom?
- •Як dom подає документ? Об'єктна модель документа
- •Контрольні питання:
- •Назовіть класифікацію способів доступу до об’єктної моделі. Коментарі в html
- •Контрольні питання:
- •1. Для чого використовують коментарі ?
- •Як записуються коментарі в html ? Класифікація тегів
- •Контрольні питання:
- •Теги для відкриття/закриття документів та їх частин.
- •Теги для створення і редагування html-текстів. Теги логічного форматування
- •Контрольні питання:
- •Що таке логічне форматування?
- •Назовіть теги логічного форматування. Список описів
- •Контрольні питання:
- •Для чого використовується список описів?
- •Синтаксіс запису списку описів. Зміна кольору фону рядків
- •Контрольні питання:
- •Синтаксіс запису тегу задання фону рядків. Якірні теги
- •Контрольні питання:
- •Поняття якірного тегу.
- •Гіпертекстові посилання.
- •Синтаксис якірного тегу. Теги для виконання переадресації ресурсів
- •Контрольні питання:
- •Для чого призначенний тег link ?
- •Атрибути тегу link ? Маршрутизатори
- •Контрольні питання:
- •1. Що собою представляють маршрутизатори ?
- •2. Синтаксис тегу маршрутизатора.
- •5.06.01.02 Модуль Фрейми Метатеги
- •Контрольні питання:
- •Контейнер для впровадження об’єктів.
- •Синтаксис контейнеру для впровадження об’єктів.
- •Параметри тегу object. Вставка аплетів
- •Контрольні питання:
- •Контейнер для впровадження аплетів.
- •Атрибути тегу Applet. Використання палітри кольорів
- •Контрольні питання:
- •Способи кодування кольорів у web-технологіях.
- •Теги й атрибути для задання колірної гами документа. Блокові та рядкові елементи
- •Контрольні питання:
- •Поняття блокового елементу розмітки.
- •Поняття рядкового елементу розмітки.
- •Теги для стильового узагальнення рядкових і блокових елементів. Властивості css
- •5.06.03.01 Модуль Інтерактивні і мультимедійні засоби web
- •Контрольні питання:
- •Тег уведення декількох рядків тексту.
- •Тег спливачіх меню. Вставка звукових файлів
- •Контрольні питання:
- •Тег вставки звукового файлу
- •Тег встановлення фонової музики
Контрольні питання:
Теги для відкриття/закриття документів та їх частин.
Теги для створення і редагування html-текстів. Теги логічного форматування
Існують два види форматування документа: логічне і фізичне.
Фізичне форматування забезпечується буквальним виконанням браузером тегів форматування.
Логічне ж форматування залежить від змісту і структури документа.
Наприклад, <Сomment>...</Соmment>- форматує текст nак, начебто це лістинг програми.
Основні теги логічного форматування:
<BLOCKQUOTE></BLOCKQUOTE> — цитата; зазвичай відокремлюється пробілами зверху і знизу, а також відступом ліворуч, і відображається курсивом;
<ЕМ></ЕМ> — текст, що має особливе значення; зазвичай виділяється курсивом;
<STRONG></STRONG> — «посилене» виділення тексту; <KBD></KBD> — текст, уведений користувачем (вірніше, ілюстрація цього тексту);
<CODE></CODE> — лістинг програми;
<SAMP></SAMP> — позначає текст як зразок. Текст, позначений цим тегом, зазвичай виділяється як моноширинний;
<VAR></VAR> — ім'я змінної. Зазвичай виділяється курсивом чи як моноширинний текст;
<ADDRESS></ADDRESS> — елемент визначає таку інформацію, як адреса, підпис і авторство. Зазвичай виділяється курсивом і відображається з відступами зверху та знизу;
<ACRONYM></ACRONYM> — застосовується для позначення акронімів (абревіатур), наприклад, WWW. Не відображається візуально, але необхідний для браузерів з мовним синтезом і в деяких інших випадках;
<COMMENT></COMMENT> — текст, вміщений між тегами, не відображається браузером.
Наприклад, код:
<BLOCKQUOTE>Veni, Vidi, Vici</BLOCKQUOTE><br>
<ЕМ>Важливий текст</ЕМ><br>
<STRONG>Сильне виділення meкcmy</STRONG><br>
<КВО>Введено з клавіатури</КВО><br>
<SAMP>Зразок-</S4MP> <br>
<VAR>N</VAR><br>
<ADDRESS>m. Київ, вул. Банкова, 9</ADDRESS><br>
<ACRONYM>WWW</ACRONYM> — Wolrd Wide Web<br> <СОММЕМТ>Коментар до тексту </COMMENT> <br>
відображатиметься в браузері, як показано на рисунке.
Слід зазначити, що не всі браузери підтримують той чи інший тег логічного форматування. Якщо тег не підтримується, то як і в будь-якому іншому випадку, коли інтерпретатор браузера зустрічає незнайомий тег, він просто ігнорується, тобто в даному випадку текст, відформатований таким чином, відобразиться за замовчуванням
Контрольні питання:
Що таке логічне форматування?
Назовіть теги логічного форматування. Список описів
І, нарешті, останній тип списку — список описів, що використовується для кодування словників, переліку термінів і аркушів описів. Синтаксис його наступний:
<DL>
<ОТ>Обумовлене слово (набір wie)<DD>Qnuc цього слова (термінів);
</DL>
,, , - * . і'
Враузер відобразить цю конструкцію в такий спосіб: спочатку вміст тегу <DL>, потім на новому рядку з відступом — вміст тегу <DD>. Теги <DL></DL> служать для позначення початку і кінця такого списку.
Розглянемо наступний приклад.
<DL> : -
<DT>CTR<DD>(Синонім — клікабельність, від англ. click-through rate — показник клікабельності)<br>
CTR визначається як відношення числа кліків на банер до числа і його показів, вимірюється у відсотках. Слово CTR вимовляється як "сі-ті-ар" чи, рідше, "це-те-ер". CTR є важливим показником ефективності роботи банера.
<DT>Rich media<DD>(piч медіа)<br>
Rich media дослівно перекладається з англійської мови як "багатий" чи "збагачений" засіб. Це нова модна технологія виготовлення рекламних матеріалів, що зазвичай використовує флеш і Java.
<DТ>РАQ<DD>(англ. скор. Frequently Asked Questions — питання, що часто задаються) <br>
FAQ — розділ на сайті, присвячений розгляду типових питань користувачів. Якщо вам щось незрозуміло, перш ніж написати web-майстру, перегляньте FAQ — можливо, там уже є відповідь.
У більш широкому змісті FAQ — це добірка статей за тією чи іншою темою, наприклад щодо вибору телевізора чи програмування мовою РНР. </DL>
Результат відображення в браузері наведено на рис.