- •Конспект лекцій з дисципліни
- •Лекція 1. Принципи організації глобальної мережі Інтернет. Введення в Веб-технології: структура та принципи Веб.
- •Предмет курсу
- •Характеристика Інтернет
- •Стек протоколів tcp / ip
- •Система доменних імен dns
- •Структура і принципи www
- •Проксі-сервери
- •Протоколи Інтернет прикладного рівня
- •Лекція 2. Принципи побудови Веб-сайтів. Структура Веб застосуваннь. Характеристика мови html.
- •Історія розвитку html
- •Принципи гіпертекстової розмітки
- •Групи тегів нтмl
- •Лекція 3. Структура html-документа і елементи розмітки заголовка документа.
- •Призначення заголовка
- •Відображення змісту елемента title
- •Основні контейнери заголовка
- •Елемент розмітки head
- •Елемент розмітки title
- •Елемент розмітки base
- •Елемент розмітки meta
- •Елемент розмітки link
- •Елемент розмітки style
- •Елемент розмітки script
- •Лекція 4. Контейнери тіла документа.
- •Теги тіла документа
- •Тіло документа - контейнер body
- •Теги управління розміткою Заголовки
- •Атрибут аlign
- •Теги управління відображенням символів
- •Теги, що управляють формою відображення
- •Верхні і нижні індекси
- •Атрибут sizе
- •Атрибут соlоr
- •Створення списків в html
- •Атрибути маркерів у ненумерований списку
- •Коментарі в мові html
- •Гіпертекстові посилання
- •Лекція 5. Графіка.
- •Використання графіки в html.
- •Атрибут src
- •Атрибут alt
- •Атрибут аlign
- •Формати графічних файлів
- •Активні зображення
- •Зображення в мініатюрі
- •Лекція 6. Таблиці html.
- •Засоби опису таблиць в html
- •Створення таблиць в html
- •Атрибут nowrap
- •Атрибут соlspan
- •Атрибут rowspan
- •Атрибут widтн
- •Застосування порожніх клітинок
- •Атрибут сеllраdding
- •Атрибути аlign і valign
- •Атрибут border
- •Атрибут cellspacing
- •Атрибут bgcolor
- •Атрибут background
- •Використання таблиць в дизайні сторінки
- •Лекція 7. Використання html-форм
- •Html-Форми
- •Завдання форми - елемент form
- •Атрибут cols
- •Атрибут name
- •Атрибут rows
- •Алгоритм роботи фреймів
- •Створення простої сторінки з фреймами
- •Завдання фреймової структури
- •Підготовка вмісту фрейма
- •Підготовка фрейму main
- •Атрибути rows і соls
- •Атрибут rows
- •Атрибут сols
- •Атрибут nаме
- •Атрибут маrginwidth
- •Атрибут маrginheight
- •Атрибут scrolling
- •Атрибут noresize
- •Атрибут srс
- •Атрибут таrgет
- •Вкладені і множинні кадрові структури
- •Лекція 9. Призначення і застосування каскадних таблиць стилів css
- •Призначення css
- •Способи застосування css
- •Перевизначення стилю
- •Елемент style
- •Посилання на зовнішній опис
- •Імпорт опису стилів
- •Селектор - ім'я елемента розмітки
- •Селектор - ім'я класу
- •Селектор - ідентифікатор об'єкта
- •Спадкування й перевизначення
- •Лекція 10. Блокові і стрічкові елементи css
- •Блокові і стрічкові елементи
- •Елемент div
- •Елемент span
- •Властивості блоків
- •Відступи (margin)
- •Набивання (padding)
- •Рамка (border)
- •Обтікання блоку тексту
- •Лекція 11.Позиціонування у css
- •Координати і розміри
- •Абсолютні координати
- •Відносні координати
- •Лінійні розміри блоку
- •Управління видимістю
- •Порядок накладення і область видимості
- •Порядок накладення блоків. Z-index
- •Область видимості блоку. Clip
- •Лекція 12. Призначення та застосування JavaScript.
- •Метод join ()
- •Метод reverse ()
- •Метод sort ()
- •Оператори мови
- •Лекція 14. Об'єктна модель броузера.
Елемент розмітки link
Цей тег дозволяє завантажувати зовнішні описатели стилів:
<LINK REL=stylesheet href="../css/style.css"
TYPE="text/css">
У даному випадку мова йде про завантаження стилів з файлу style.css. При цьому стилі задаються в нотації W3C, а не JavaScript, що визначається атрибутом TYPE. По суті, атрибут REL визначає тип гіпертекстової зв'язку, HREF (Нуреrtехt REFerence) вказує адресу документа, що ідентифікує зв'язок, а атрибут TYPE визначає тип змісту цього документа.
У загальному випадку контейнер LINK має наступний вигляд:
<LINK [REL = тіп_отношенія] [HREF = URL]
[TYPE = тіп_содержанія]>
Для різних типів змісту дії з інтерпретації елемента розмітки будуть різними. В даний час йде процес розробки специфікацій опису метаданих, де можливе застосування елемента розмітки LINK.
Елемент розмітки style
Елемент розмітки STYLE призначений для розміщення описувачів стилів. При цьому опис стилю з даного елемента розмітки, якщо воно збігається з імені класу та / або кодом підкласу зі стилем, описаним в зовнішньому файлі, замінює опис стилю із зовнішнього файлу. З точки зору впливу на весь документ, описатели стилів задають правила відображення контейнерів HTML-документа для всієї сторінки.
В даний час контейнер використовується тільки з одним атрибутом TYPE, який задає тип описувача стилю. Це може бути або text / css, або text / javascript. Якщо елемент розмітки відкритий тегом початку, то він повинен бути закритий тегом кінця. У загальному вигляді запис елемента STYLE виглядає так:
<STYLE TYPE=тіп_описання_стілей>
опис стилю / стилів
</ STYLE>
Елемент розмітки script
Елемент розмітки SCRIPT служить для розміщення коду JavaScript, VBScript або JScript. Взагалі кажучи, SCRIPT можна використовувати не тільки в заголовку документа, але і в його тілі. На відміну від контейнера STYLE, йому не потрібен додатковий контейнер LINK для завантаження зовнішніх файлів кодів. Це можна зробити безпосередньо в самому контейнері SCRIPT:
<SCRIPT TYPE="text/javascript"
SRC=script.code>
Якщо відкритий тег початку, то потрібно обов'язково використовувати тег кінця контейнера. В іншому випадку, браузер може відобразити тільки символ "]". Якщо код не поміщений в HTML-коментарі, то старі версії браузерів (до Mozilla 2) відображають програму перед текстом сторінки. У ряді випадків сторінка взагалі може не відображатися.
У загальному вигляді запис контейнера виглядає наступним чином:
<SCRIPT [TYPE=тип_языка_программирования]>
JavaScript / VBScript-код
</ SCRIPT>
і
<SCRIPT [TYPE=тип_языка_программирования]
[SRC=URL]>
< / SCRIPT>
Існує кілька скриптових мов: JavaScript, VBScript, JScript. За замовчуванням мається на увазі JavaScript.
Лекція 4. Контейнери тіла документа.
Теги тіла документа
Тіло документа - контейнер BODY
Теги управління розміткою
Заголовки
Тег <P>
Використання тега <ВR>
Елемент розмітки <NOВR>
Теги управління відображенням символів
Теги <ВIG> і <SMALL>
Верхні і нижні індекси
Блоки цитат - елемент <ВLОСKQUOTE>
Створення списків в HTML
Невпорядковані списки - тег <UL>
Впорядковані списки - тег <OL>
Список визначень - тег <DL>
Горизонтальні лінійки - тег <НR>
Застосування тега <BLINK>
Коментарі в мові HTML
Гіпертекстові посилання
У цій лекції розповідається про елементи розмітки тіла HTML-документа, детально розбирається їх типізація, призначення і застосування.
