- •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
- •Контрольні питання:
- •Тег уведення декількох рядків тексту.
- •Тег спливачіх меню. Вставка звукових файлів
- •Контрольні питання:
- •Тег вставки звукового файлу
- •Тег встановлення фонової музики
Контрольні питання:
Що собою представляє стандарт dom?
Як dom подає документ? Об'єктна модель документа
Розглянемо класифікацію способів доступу до об'єктної моделі:
1. За допомогою автономних програм.
2 . За допомогою сценарних програм. Сценарій — це програмний код, який міститься в документі і виконується інтерпретатором. Іноді сценарії називають скриптами. При цьому існує два способи виконання сценарних програм:
Сценарії, що знаходяться всередині документа.
Сценарії, що зберігаються у вигляді віддалених ресурсів (зовнішні сценарії).
3. За допомогою впроваджених програм-об'єктів.
За допомогою впроваджених аплетів мовою Java.
За допомогою впроваджених елементів керування (Active-об'єктів).
Контрольні питання:
Назовіть класифікацію способів доступу до об’єктної моделі. Коментарі в html
У процесі створення документа часто виникає необхідність робити нотатки-коментарі, для того щоб згодом вільніше орієнтуватися в НТML-коді. Коментарі містяться між знаками «</--»
Браузер, зустрівши таку конструкцію, просто не інтерпретуватиме текст між знаками коментаря. Приклад:
<!-- Це коментарі в НТМІ-документі -->
<!--
Коментарі можна переноситина наступний рядок. Теги усередині коментарів НЕ інтерпре туються:
<br><br><br> —н ічого не відбудеться. -->
Є деякі винятки щодо інтерпретації коду, поміщеного в коментарі в тегу <script></script>.
Контрольні питання:
1. Для чого використовують коментарі ?
Як записуються коментарі в html ? Класифікація тегів
Заголовна частина має містити теги <МЕТА>, у яких утримується службова інформація для сервера (ключове слово, авторизація).
У заголовній частині можуть описуватися властивості документа, а також підключатися зовнішні файли.
Наприклад, у заголовній частині розташовується назва документа — тег <title>…</title>, у якому між відкриваючою і закриваючою частинами міститься рядок тексту, що відображатиметься у заголовку вікна. .< •
У
Рис.
3.4. Вигляд у браузорі
\уєЬ-документа
з простим текстом
<html>
<head>
<title>Це заголовок документа</title>
< </head>
<body>Це просто текст
</body>
. .
</html>
Як уже зазначалося вище, теги можуть мати атрибути. Тег <body></body> може містити такі атрибути:
• ТЕХТ — задає колір тексту в документі. Можна використовувати символьні або шістнадцаткові значення. Останнє задасться у форматі rrggbb, де /rr,gg,bb — відповідно червоний, зелений і синій компоненти представлення кольору в моделі RGB:
<BODY TEXT “#ff000”> За замовчуванням текст документа буде виділений червоним кольором </BODY>
LINK, VLINK, ALINK задають колір гіперпосилань у документі, відповідно для посилань, що зустрічаються в тексті, уже відвіданих і активних у даний момент часу (в момент клацання мишею). За замовчуванням ці кольори рівні LINL=blue (#0000FF), VLINK=purple (#800080) і ALINK=red (#FF0000).
ВАСКGROUND застосовується для задання фонового рисунка. Значенням атрибута є шлях до рисунка на сервері,
<ВОDY BACKGROUND – “path/imagename.gif”> " ^
…
) и і •
</ВОDY>
Атрибут ВGCOLOR на відміну від попереднього, установлює колір фону, а не фоновий рисунок. Як і будь-який інший, атрибут кольору може задаватися числовим чи символьним значенням.
<ВОDY ВGCOLOR =“#00aa00”> - задає зелений колір фону НТМІ-документа. " ^
Інші теги — використовуються для створення і редагування НТМL-текстів. До цих тегів відносять: ,.
— теги форматування;
— теги для задання списків;
— теги для створення таблиць;
— якірні теги (для створення гіперпосилань);
— теги для впровадження графічних зображень та карг-зображень;
— теги для впровадження об'єктів та аплетів;
— теги для задання формулярів;
— теги для створення фреймових структур;
— теги, які управляють роботою Web-документа в цілому.
За іншою класифікацією НТМL-теги можуть бути умовно поділені на дві категорії:
1) теги, що визначають, яким чином відображатиметься тіло документа, його видима частина;
2) теги, що описують загальні властивості документа, такі як заголовок, автор документа або вказівки щодо пошукових робіт.