- •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
- •Контрольні питання:
- •Тег уведення декількох рядків тексту.
- •Тег спливачіх меню. Вставка звукових файлів
- •Контрольні питання:
- •Тег вставки звукового файлу
- •Тег встановлення фонової музики
Контрольні питання:
Контейнер для впровадження об’єктів.
Синтаксис контейнеру для впровадження об’єктів.
Параметри тегу object. Вставка аплетів
Вставка аплета забезпечується тегом APPLET:
<APPLET>...</APPLET>
Код аплета завантажується окремо від сторінки, тобто це автономно від компільований код. Аплет перебуває у файлі з розширенням .class. До аплета можна передавати параметри й одержувати параметри від нього, 'г Атрибути тегу Applet:
<APPLET code-'ім'я файла-аплета"
codebase-'url аплета'
аії='альтернативний_текст' //якщо аплет не може завантажитися
пате-'ім'я'
width= ' height=
align)-//'вирівнювання
vspace- // вертикальні рамки навколо вікна аплета hspace- // горизонтальні рамки навколо вікна аплета object- //задає ім'я файла, що містить серійний аплет — //аплет, що ініціалізований, але не запущений на виконання
archive-//список архівних файлів .jar, що потрібно попередньо //завантажити до браузера. У цих архівах можуть зберігатися //будь-які класи, аплети, що можуть використовуватися аплетом.> </APPLET>
Аплет може бути порожнім, або в ньому можуть бути спис-ї$і параметрів, що передаються до аплета:
<PARAM пате=ім'я_змінної 'value='значення'> ,..{ Наприклад:
<applet code='1.class'>
<param name-'myfio' value-Petrenko'>
</appieV>
Контрольні питання:
Контейнер для впровадження аплетів.
Атрибути тегу Applet. Використання палітри кольорів
Розглянемо способи кодування кольорів у web-технологіях.
Перший спосіб — текстове кодування (завдання кольору за допомогою ключових слів red, green, blue, silver, gray, black, white тощо).
Другий спосіб — шістнадцяткове подання кольору. Колір кодується за такими шаблонами:
1) #хххххх
RGB Наприклад: #00сс00;
2) rgb(x,x,x),
де х — число від 0 до 255.
Наприклад: гдЬ(0,204,0);
3) rgb (х%,х%,х%)у
де х% — число від 0 до 100.
Наприклад: rgb(0%,80%,0%).
Примітка: усі приклади відображають один і той же колір.
Розглянемо теги й атрибути для задання колірної гами документа.
Кольорова гама всього документа задається синтаксисом:
<body атри6ут=значення>
Доступні такі атрибути:
bgcolor — визначає колір фону, задається числом; background ="url" — визначає фоновий рисунок url -адреси файла-рисунка;
link — колір гіперпосилання;
vlink — колір переглянутого гіперпосилання;
alink — колір гіперпосилання в момент одержання фокуса.
Контрольні питання:
Способи кодування кольорів у web-технологіях.
Теги й атрибути для задання колірної гами документа. Блокові та рядкові елементи
В описі розмітки мови HTML існують два типи елементів: рядковий елемент in-line і блоковий — block. То ж розглянемо їх докладніше.
Блоковий елемент розмітки відображається всередині прямокутного фрагмента, що знаходиться на окремому рядку і відділений від попереднього і наступного фрагментів.
Рядковий елемент не займає окремого рядка і довкола нього знаходяться інші елементи. Заголовок — це блоковий елемент, а курсив — рядковий. Блокові елементи можна вкладати, а рядкові вкладати і перетинати.
Для стильового узагальнення рядкових і блокових елементів виступають теги <div> і <span>.
Контейнер <div> є універсальним блоковим елементом.
Його властивості:
■ завжди відокремлюється від інших елементів порожнім рядком;
■ не несе ніякого навантаження за значенням, а є роздільником сторінок. Якщо не задано опис CSS, то контейнер <div> просто створює порожній рядок тексту;
■ контейнер <div> дозволяє застосовувати атрибути стилю, пов'язані з границею блоків (відступ блоку від границь старшого елемента). Якщо браузер не підтримує ess, то застосовувати <div> не рекомендується.
Контейнер <span> є узагальненим рядковим контейнером розмітки. Застосовується для заміни тегів </>, <Б>, <ІІ> й інших тегів, зв'язаних з форматом шрифту.
Наприклад, синтаксис
<1>текст</1> замінюється на
<span style-'font-style:italic">meKcm</span> ,/
<и>текст</и> замінюється на
<span style-'font-decoration: underline">meкcm</span> або на
<span class-"decor">,
а в таблиці стилів необхідно помістити
span.decor{ font-decoration: underline}.
Застосування тегу <span> також обмежується браузерами, що підтримують сss.
Блоковий елемент розмітки відображається всередині прямокутного фрагмента, що знаходиться на окремому рядку і відділений від попередніх таких фрагментів. Рядковий елемент не займає окремого рядка і довкола нього знаходяться інші елементи. Тобто, наприклад, заголовок — це блоковий елемент, а курсив — рядковий. Блокові елементи можна вкладати, а рядкові не тільки вкладати, а ще й перетинати.
У зв'язку з появою тегів <div> та <span> організація W3C не рекомендує вживати такі теги:
<и>, <strike>, <font>, <тепи>, <center>, <plaintext>
та атрибути:
align (застосовувати для <table>), <hr>, alinkt background, bgcolor, pspace, hspace та ін.