- •1 Глобальна мережа Інтернет
- •1.1 Визначення Інтернет
- •1.2 Мережі. Класифікація мереж
- •1.3 Історія розвитку Інтернет
- •1.4 Конфігурація апаратного забезпечення для доступу в Інтернет
- •1.5 Загальна структура мережі
- •2 Сім’я протоколів tcp/ip
- •2.1 Будова мереж
- •2.2 Стек протоколів tcp/ip
- •2.3 Принципи адресації в Інтернет
- •2.4 Протокол arp
- •2.5 Міжмережний протокол iр
- •2.5.1 Формат ip-датаграми
- •2.5.2 Маршрутизація пряма й непряма. Правила маршрутизації
- •Пряма маршрутизація
- •Непряма маршрутизація
- •2.5.3 Фрагментація та дефрагментація датаграм
- •Процедура фрагментації
- •Процедура дефрагментації
- •2.6 Транспортні протоколи. Протокол tcp
- •2.6.1 Загальні поняття протоколу tcp
- •Базова передача даних
- •Достовірність
- •Керування потоком
- •Поділ каналів
- •Робота із з'єднаннями
- •Пріоритет і безпека
- •2.6.2 Формат tcp-заголовка
- •2.6.3 Модель дії протоколу tcp
- •2.7 Протокол датаграм користувача (udp)
- •2.7.1 Загальні поняття udp-протоколу
- •2.7. 2 Формат udp-сегмента
- •2.7. 3 Інкапсуляція пакетів
- •2.7.4 Поділ на рівні й обчислення контрольної суми udp
- •2.7.5 Мультиплексування, демультиплексування та порти udp
- •2.7.6 Зарезервовані й вільні номери портів udp
- •2.7.7 Команди контролю з'єднань та маршрутизації
- •Tracert [-d] [-h лічильник] [-j host-list] [-w timeout] target_name
- •2.8 Протоколи прикладного рівня
- •Історія www
- •Суть www
- •2.9.1 Мова гіпертекстової розмітки документів html
- •2.9.2 Універсальний спосіб адресації ресурсів у мережі (url)
- •2.9.3 Протокол обміну гіпертекстовою інформацією http
- •2.9.4 Універсальний інтерфейс шлюзів cgi. Типи web-документів.
- •3 Html-мова опису www-сторінок
- •3.1 Типи редакторів html документів
- •3.2 Команди й атрибути команд в html
- •3.3 Структура html-документа
- •3.4 Команди заголовка html-документа
- •Елемент style
- •3.5 Команди тіла html документа
- •3.5.1 Робота з текстом Більшість елементів, які можуть з'являтися в тілі документа, підпадають під одну із двох категорій:
- •Елементи на рівні блоків, що ініціюють перехід до наступного параграфа (заголовки (від h1 до h6), параграфи (p), елементи списків (li), горизонтальні лінійки (hr) і таблиці (table));
- •Елементи на рівні тексту: елементи виділення (em, I, b й font); елементи зв'язку для гіпертексту (a), вкладені об'єкти (img й applet) і кінці рядків (br).
- •Абзаци (параграфи)
- •3.2 Списки
- •Для задання ненумерованого списку вживають сукупність тегів:
- •У вікні браузера буде мати такий вигляд, як показано на рис.21.
- •Списки можуть бути довільно вкладені, хоча практично досить обмежитися трьома рівнями вкладених списків.
- •Списки визначень задаються в такий спосіб:
- •Наприклад (рис. 23),
- •Приклад #6
- •3.5.3 Робота з таблицями в html
- •Valign – вирівнювання вмісту:
- •Як бачимо із прикладу, для того щоб задати кольори в цілому стовпці, необхідно встановити його в кожній комірці цього стовпця.
- •Зауваження. При оформленні таблиць іноді виникає необхідність задати фонову картинку для комірки таблиці. У таких випадках вдаються до допомоги стилів:
- •Розглянемо це питання на такому прикладі. Необхідно створити складну таблицю вигляду:
- •Видаливши всі підкреслені теги з html-коду, одержимо підсумковий код складної таблиці, що у вікні браузера буде мати такий вигляд, як показано на рисунку 28.
- •3.5.4 Елементи на рівні тексту. Фізичний і логічний стилі форматування
- •Логічні стилі
- •3.5.5 Посилання
- •Посилання усередині одного сайту
- •Посилання на закладки
- •3.5.6 Робота із графічними зображеннями
- •Кілька порад при роботі із графікою:
- •4 Розміщення й реклама сайтів в Інтернеті
- •4.1 Розміщення сторінки в Інтернеті
- •4.2 Банери
- •4.3 Реклама в Інтернеті
- •Рекламні технології
- •Способи показу реклами
- •Як оплачується реклама
- •5 Електронні гроші
- •5.1 Кредитні картки
- •5.2 Електронні гроші
- •Безпека трансакцій
- •Реєстрація в системі WebMoney
Абзаци (параграфи)
На відміну від документів у більшості текстових процесорів переривання рядків у HTML-файлах не істотні. Обрив рядка може відбуватися в будь-якому пункті вихідного файла, при перегляді це переривання буде ігноровано браузером.
Для виділення абзацу існує спеціальний тег <Р> , що вказує на початок абзацу. У діючих версіях HTML тег “кінець абзацу” </P> не існує. Але його вживання в розмітці документа не є помилкою, оскільки всі незнайомі символи браузер просто ігнорує.
Тег <P> може використовуватися з атрибутом ALIGN=, що може набувати таких значень:
JUSTIFY – вирівнювання абзацу по ширині вікна;
RIGHT – вирівнювання абзацу по правому краю вікна;
LEFT – вирівнювання абзацу по лівому краю вікна.
Наприклад,
<HTML>
<HEAD>
<TITLE>Приклад HTML-тексту</TITLE>
</HEAD>
<BODY>
<H1>Розділ 1</H1>
<H2>Параграф 1</H2>
<P ALIGN=CENTER>Ласкаво просимо в HTML!
<P> Тут ми розповімо, <P> як треба і як не треба писати гіпертексти.
<H2>Параграф 2</H2>
</BODY>
</HTML>
Цей текст у вікні браузера має такий вигляд, як показано на рисунку 19.
Елемент PRE
Визначає фрагмент відформатованого тексту. Для даного елемента необхідно вказувати початковий і кінцевий теги. Всередині такого елемента текст друкується шрифтом фіксованої ширини й при цьому зберігається розмітка оригіналу (пробіли й символи кінця рядків).
Рисунок 19
Н
<HTML><HEAD>
<TITLE>Приклад
HTML-тексту, з командою PRE</TITLE>
</HEAD>
<BODY>
<P
FLIGN=JUSTIFY>Виконаємо
виведення таблиць без використання
відповідних тегів
<PRE>
Прізвище
Ім’я Рік народження
Мілютенко
Олена 1985
Григоришин
Іван
1984
Симоненко
Юрій
1980
</PRE>
</BODY>
</HTML>
У вікні браузера вище наведений HTML-код матиме такий вигляд (рис. 20).
Рисунок 20 – Приклад HTML-тексту з командою PRE
Елемент DIV
Забезпечує розподіл документа на окремі блоки. Для даного елемента необхідно вказувати як початковий, так і кінцевий теги. Елемент DIV, як правило, використовується з атрибутом ALIGN = LEFT|CENTER|RIGHT, що вказує спосіб вирівнювання тексту всередині тих блокових елементів, які його містять.
Елемент CENTER
Задає вирівнювання тексту по центру вікна. Для цього елемента необхідно вказувати початковий і кінцевий теги. Більш радикальне вирішення проблеми вирівнювання текстів див. в DIV.
Елемент BLOCKQUOTE
Забезпечує розмітку цитат. Необхідно вказувати як початковий, так і кінцевий теги. Даний елемент використається при розмітці цитат, текст яких при цьому, як правило, друкується зі зсунутими краями.
Елемент HR
Забезпечує відображення горизонтальної лінії. Не є контейнером, так що використовувати кінцевий тег не можна. Може мати атрибути:
ALIGN = LEFT | RIGHT | CENTER;
NOSHADE – затемнення лінії;
SIZE =n – розмір (висота) в n пікселах;
WIDTH =m(%) – довжина в m пікселах (відсотків від розміру вікна).
Наприклад, <HR ALIGN=CENTER SIZE=5 WIDTH=50%>.
Елемент ADDRESS
При внесенні в документ тегу <ADDRESS>, вказуються як початковий, так і кінцевий тег. Тіло тега повинно містити необхідну інформацію для встановлення зв'язку з автором ( ім'я, e-mail, icq та ін.). Усередині даного елемента можуть міститись теги текстового рівня.
