Мова програмування HTML презентация

Гіпертекст
Мабуть, ви неоднарозово чули про світову комп'ютерну мережу інтернернет. Основною роботи інтернету є обмін гіпертекстовими документами, тобто так розміченими текстами, що є можливість переходу за посиланням одного тексту на інший. Покажемо це на маленькому прикладі.
Перехід на наступну сторінку буде здійснено натисканням підресленого тексту.

Повернення
Натисніть підкреслене і Ви повернетесь на попередній кадр
В гіпертекстових посиланнях можна вільно переходити з одного документа на інший, навіть коли ті документи розміщені на різних комп’ютерах, приєднаних до інтернету на протилежних кінцях земної кулі.
Гіпертекстове посилання можна розмістити на малюнках та кнопках. Натисніть кнопку зліва, і ви перейдете на наступний кадр. (На жаль, він не розміщений на протилежній стороні земної кулі).

Призначення HTML.
Для написання гіпертекстових документів служить мова HTML, яка існує в декількох варіантах і продовжує розвиватися, але конструкції HTML ймовірніше усього будуть використовуватися і надалі. Вивчаючи HTML і пізнаючи його глибше, створюючи документ на початку вивчення HTML і розширюючи його наскільки це можливо, ми маємо можливість створювати документи, які можуть бути переглянене багатьма броузерами Web, як зараз, так і в майбутньому.
Броузер Web – програма для роботи з Інтернетом, викликом та збереження html сторінок та інше. Найбільш поширені броузери це Internet explorer, Mozilla, Firefox, Opera, Netscape

Інші можливості створення html сторінок
Існують інші можливості створення html сторінок, наприклад, використання броузерів Netscape Navigator, Mozilla (мають вбудований редактор html сторінок). Редактори WORD, Power Point та багато інших дозволяють створити html документи. Якщо це дійсно служить Вашим цілям і Ви хочете сформувати власну думку про названі програми, користуйтеся ним. Але робота з HTML - це спосіб засвоїти особливості створення документів в стандартизованій мові, використовуючи розширення, тільки коли це дійсно необхідно.

HTML був ратифікований World Wide Web Consortium. Він підтримується декількома широко поширеними броузерами, і, можливо, стане основою майже всього програмного забезпечення, що має відношення до Web.
Можна працювати на Web без знання мови HTML, оскільки тексти HTML можуть створюватися різними спеціальними редакторами і конвертерами. Але писати безпосередньо на HTML неважко. Можливо, це навіть легше, ніж вивчати HTML-редактор або конвертер, які часто обмежені в своїх можливостях, містять помилки або проводять поганий HTML код, який не працює на різних платформах

Структура HTML документа
Символи, взяті в кутові дужки, є командами мови HTML, вони називаються тегами. За ними «броузер» розпізнає, як потрібно перетворити частини тексту, укладені між цими командами. Документ загалом повинен бути відмічений як документ в форматі HTML. Для цього він повинен починатися командою і закінчуватися командою , тобто має вигляд:
РОЗМІЧЕНИЙ ТЕКСТ ДОКУМЕНТУ .
Це можна розписати також наступним способом.
РОЗМІЧЕНИЙ ТЕКСТ ДОКУМЕНТУ
У РОЗМІЧЕНИЙ ТЕКСТ ДОКУМЕНТУ входять команди та тексти, які команди опрацьовують і складається з 2 частин:
- Заголовка вікна (HEAD),
- Власне розміченого тексту документа (BODY ).
В склад команд розмітки входять також тексти

HEAD
Для введення титульного рядка в заголовок вікна документа потрібно скористатися наступними командами:
Назва
Де Назва – позначення фактичного титульного рядка.
Наприклад, щоб створити документ з титулом вікна
СТУДЕНТ ЖИВЕ ВЕСЕЛО ВІД СЕСІЇ ДО СЕСІЇ
треба набрати команди
<br>СТУДЕНТ ЖИВЕ ВЕСЕЛО ВІД СЕСІЇ ДО СЕСІЇ <br>
Вигляд заголовку вікна, що відповідає вищевказаним командам

BODY
Для запису ОСНОВНОГО ТЕКСТУ потрібно ввести:
ОСНОВНИЙ ТЕКСТ
ОСНОВНИЙ ТЕКСТ складається як з тексту, так і з команд, що розмічають текст.

Загальна схема документа в форматі HTML
Таким чином, загальна схема документа в форматі HTML виглядає таким чином:
Титульний рядок документа
Основний текст документа
При написанні команд HTML не має значення, якими буквами - рядковими або прописними Ви пишете команди.

Створення html документа.
Спочатку створимо текстовий документ
Набираємо команди HTML.
Відкриваємо текстовий документ

Збереження HTML документа.
Наберіть назву HTML файлу
Встановіть опцію All files в Save as type
Натисніть кнопку Save.

Вигляд html документа в броузері

Редагування html документів
Для того, щоб змінити html документ, необхідно вибрати опції View->Source і у Вас виникне вікно текстового редактора .
Якщо ні, то можна в папці на імені файлу клацнути правою клавішею миші, вибрати пункт Open with (Открыть с помощью) → Notepad (Блокнот).

Завдання 1
Створіть html документ.
Придумайте свій титульний рядок, не повторюючи вищевказані титульні рядки, та 5 рядків тексту для Вашої WEB сторінки.
Збережіть його у вашій папці під назвою z1.html.

Створення заголовків
Заголовки в документі створюються за допомогою команд:
причому при і = 1 заголовок найбільший, а при і = 6 - найменший. Наприклад:
<Ні> Заголовок
На відміну від , заголовки створюються всередині документа, а не на кромці вікна.

Завдання 2
Відкрийте z1.html за допомогою Internet Explorer. Виберіть View -> Source. Вам відкриється html текст розмітки Вашого файлу. Або просто відкрийте файл з допомогою блокнота. Зітріть текст між тегами та та вставте там команди формування заголовків:
Заголовок1
Заголовок2
ЗаголовокЗ
Заголовок4
ЗаголовокЗ
Заголовокб
Текст заголовків придумайте самі. Збережіть цей файл під назвою z2.html. Закрийте перегляд z1 та відкрийте z2 за допомогою Internet Explorer чи іншого браузера.
Увага! Завдання, в яких придумується текст запожичений з іншої робити не зараховуються.

Створення списків
Списки призначені для представлення інформації у впорядкованому вигляді.
У HTML - документах використовується такі види списків:
Ненумеровані списки,
Нумеровані списки.
Список може мати заголовок, який потрібно розмістити між тегами
. . .
.

Ненумеровані списки
Ненумерований список використовує для виділення записів спеціальні символи. Ненумерований список визначається наступними командами початку і кінця списку:
і
Кожний елемент списку починається з команди:
У команді
може бути параметр TYPE, який визначає зовнішній вигляд символу, що використовується для виділення рядка в списку і може мати наступні значення:
- кругла жирна точка,
- коло,
- маленький чорний квадрат.
Увага! В деяких версіях Internet Explorer не завжди вірно відображаються опції TYPE.

Приклад неупорядкованого списку
Команди розміщені вище відображаються в Internet Explorer наступним чином:

Завдання 3
Складіть ненумерований список з 5 рядків.

Нумерований список
В нумерованому списку всі записи пронумеровані.
Нумерований список визначається наступними командами початку і кінця списку:
і
Кожний елемент списку починається з команди:
У команді
може бути параметр TYPE, який визначає тип нумерації і може мати наступні значення:
- великими буквами,
- малими буквами,
- прописними римськими цифрами,
- рядковими римськими цифрами,
- арабськими цифрами.

Приклад нумерованого списку
Команди розміщені вище відображаються в Internet Explorer наступним чином:

Завдання 4
Між операторами та вставте 5 груп операторів упорядкова-них списків з типами “A”,”a”,”I”,”i”,”1”. В кожному списку придумайте різні переліки.

Форматування параграфів
У документі HTML неможливо створити абзац, використовуючи клавішу [Enter]. Використання цієї клавіші поліпшує зовнішній вигляд початкового тексту, але не впливає на отримане зображення. Для керування зображення тексту в мові HTML введено ряд команди, а саме
,
,Для переходу на наступний рядок скористайтеся командою
Для створення нового абзацу скористайтеся командою <р>
Для створення горизонтальної смуги скористайтеся командою
Якщо смуга створюється не на весь рядок, а на якусь її частину,
наприклад, на 40%, то команда виглядає таким чином:
Для створення широкої смуги потрібно задати її ширину (в пікселях)
Чорна лінія задається наявністю параметра NOSHADE.
Для вирівнювання смуги ЛІВОРУЧ/ПРАВОРУЧ/ПО ЦЕНТРУ задайте
відповідний параметр ALIGN=LEFT/RIGHT/CENTER
Відцентрувати заголовок можна командою
. Відмінити
центрування можна командою
, або командою
вирівнювання по ширині.
Вирівнювати по ширині текст можна командою

Завдання 5

2.5. Форматування символів

Завдання 6

Для того, щоб задати назву шрифту, його розмір та колір, використовується парний тег
з параметрами FACE, SIZE та COLOR.
FACE - задає назву шрифта;
SIZE - задає розмір шрифта, від 1 до 7;
COLOR - задає колір шрифта.
. . .
. Даний текст буде надрукований шрифтом Arial, розміром 3, що відповідає 10pt, і текст буде зелений.

Завдання 7
Продемонструйте різні розміри шрифтів. Введіть формули з підрядковими та надрядковими символами. Результат
запишіть у z7.html

Керування кольором
Кольори і зображення фону задаються за допомогою команди . Ця команда може
задаватися тільки на початку HTML файла і не може бути змінена надалі, її параметри:
bgcolor = назва кольору - колір фону документа,
text = назва кольору - колір тексту документа,
link = назва кольору - колір тексту, що використовується як посилання,
vlink = назва кольору - колір посилання на переглянутий раніше документ,
alink = назва кольору - колір посилання в момент натиснення на неї правої кнопки миші.

black – чорний
gray – темно-сірий
silver – сірий
brown – коричневий
navy – темно-синій
blue – синій
aqua
– блакитний
teal – темно-зелений
olive – оливковий
green – зелений
lime – яскраво-зелений
teal – бірюзовий
purple – бузковий
red – червоний
maroon – малиновий
fuchsia – рожевий
pink – світло-рожевий
yellow – жовтий
creem – кремовий
white – білий
Основні кольори:

Коди найпростіших кольорів
Білий = #FFFFFF Малиновий = #FF00FF
Жовтий = #FFFF00 Бірюзовий = #008080
Червоний = #FF000 Темно-синій
= #000080
Сірий = #808080 Коричневий = #808000
Синій - #0000FF Блакитний = #00FFFF
Зелений (green) = #00FF00 Темно-зелений = #008000,
Чорний (black) = #000000 Індиго = #800080
Пурпурний = #CC33FF Темно-червоний = #800000
Увага! Код кольору задається в кодуванні RGB - шість шістнадцяткових чисел.
Важливо зазначити, що колір фону не відображається на папері, якщо роздрукувати HTML-документ
В кодах записується цифра ноль, а не буква О

Завдання 8
Для зміни кольору поточного тексту можна в будь-якому місці WEB-сторінки скористатися командами:
Поточний текст
.
Наприклад:
Поточний текст
Поточний текст
Завдання8: Зробіть фон сторінки кольоровим.
Виділіть різними кольорами різні частини тексту. Запишіть у
файл z8.html.

Завдання 9
Якщо Ви хочете створити «шпалери», тобто кольоровий фон з використанням файла з
зображення ім’ям, наприклад, Ground.jpg, то замість параметра BGCOLOR записуємо:
Якщо при цьому ви хочете, щоб фонове зображення не рухалося, тобто щоб створився ефект «водяних знаків», то задайте додатковий параметр:
Завдання 9: Малюнок gr.jpg або інший малюнок зробіть фоном. Запишить у файл z9.html

2.7. Використання спеціальних символів

2.8. Створення таблиць
Таблиця створюється за допомогою команд
і
.
Команда може мати
наступні параметри:
- UNITS - може приймати значення RELATIVE або PIXELS. Визначає одиниці вимірювання в інших параметрах. По замовчанню, UNITS = PIXELS.
- BORDER - визначає лінії, що розмежовують клітки в таблиці. Ширина лінії задається командою BORDER = N.
- CELLPADDING - Визначає мінімальний проміжок навколо вмісту таблиці.
- BGCOLOR - Визначає колір фонового зображення в таблиці.
align – вирівнювання, може приймати значення top, left або center.
Слайд 40
Заголовок таблиці розміщують всередині парного тега
. . .
.
Для заповнення клітинок
таблиці використовують такі парні теги:
. . . - всередині цього парного тега розміщують певний рядок таблиці;
- всередині цього парного тега розміщують заголовки рядків чи стовпців, які будуть виводитися товстішим шрифтом;
- всередині цього парного тега розміщують текст окремої клітинки.
Параметри ROWSPAN і COLSPAN команд
. . .
. . .
і <ТН> використовуються для формування кліток даних, що об'єднують більше за один рядок або стовпець.
Слайд 41
Приклад побудови таблиці
Слайд 42
Побудова гіпертекстових
посилань
Слайд 43
Слайд 44
Створіть 3 рядка тексту та розділіть їх багатьма командами
таким чином,
щоб на екрані було видно по одному рядку. Наберіть перед кожним рядком мітку. Вставте на початку команди посилання на кожен рядок
Зробіть команду переходу на файл z11.html
Завдання12
Слайд 45
МАЛЮНКИ
Зображення можуть бути виведені на екран так само, як текст. Файли зображення
можуть бути задані в декількох різних форматах, найкращі з яких - GIF (файли *.gif) і JPEG (файли *.jpg).
Нижче приводиться формат команди:
, де:
- ІМ'Я ФАЙЛА - це ім'я даного файла у вашій сторінці або повне ім'я шляху і файла, якщо файл не належить даній сторінці.
- Текст - це текст, що виводиться замість зображення, якщо файл зображення по якийсь причині недоступний.
- DIRECTION - місце розташування зображення. Приймає наступні можливі значення:
ALIGN=TOP - подальший текст розташовується у верхній частині зображення.
ALIGN=BOTTOM - подальший текст розташовується в нижній частині зображення.
ALIGN=LEFT - зображення розташовується в лівій частині листа. Текст обтікає зображення праворуч.
ALIGN=MIDDLE - зображення розташовується в центрі листа.
ALIGN=RIGHT - зображення розташовується в правій частині листа. Текст обтікає зображення ліворуч.
WIDTH = WIDTH - ширина необхідного зображення на екрані,
HEIGHT = HEIGHT - висота необхідного зображення на екрані.
Слайд 46
Завдання 13
Створіть:
Файл z13.a.html у якому розміщено фото lviv.a.jpg, розмістіь текст опису біля нього
з обтіканням праворуч
Файл z13.b.html у якому розміщено фото lviv.b.jpg, розмістіь текст опису біля нього з обтіканням ліворуч
Слайд 47
Гіпертекстові посилання за допомогою зображення.
Допустимо, що Ви виводите на екран зображення IMAGE-файл,
який називається, наприклад, image.gif.
Якщо Ви хочете організувати сторінку так, щоб при натисненні лівої кнопки миші на зображення, перейти на іншу домашню сторінку, наприклад, на:
HTTP://WWW.HOME.COM,
потрібно записати наступну команду:
<А href= ‘HTTP://WWW.HOME.COM’>
Параметр NAME застосовується для створення імені кадру.
Тоді інший кадр може посилатися на даний для відображення в ньому свого гіпертекста.
Це дуже поширена команда її можна бачити в багатьох сторінках, її перевага в тому, що на екрані можна одночасно бачити і HTML-файл, що викликає, і HTML-файл, що викликається, і для перегляду наступного файла гіпертекста досить натиснути на відповідну кнопку файла, який викликає.
Параметр TARGET команди BASE задає кадр, що виділяється по замовчанню для відображення гіпертекста.
Параметр NORESIZE застосовується для того, щоб користувач не зміг змінити розміри даного кадру на екрані
Лінійки прокрутки задаються за допомогою параметра SCROLLING.
Тут діють наступні правила:
- Якщо параметр SCROLLING не заданий, то лінійки прокрутки створюються автоматично тільки тоді, коли розмір тексту, що відображається перевищує розмір кадру (це відноситься як до розміру по вертикалі, так і по горизонталі).
- Якщо задане SCROLLING = ‘YES’, то лінійки прокрутки створюються завжди.
- Якщо задане SCROLLING = ‘NO’, то лінійки прокрутки не створюються.
- Якщо задане SCROLLING = ‘AUTO’, то система працює так само, як якщо параметр SCROLLING не заданий.
Товщина граничної лінії між кадрами може задаватися в пікселях за допомогою параметрів MARGINHEIGHT і MARGINWIDTH, якщо розробника не влаштовують значення, задані по замовчанню.
Имя файла: Мова-програмування-HTML.pptx
Количество просмотров: 75
Количество скачиваний: 0
Скачать
- Предыдущая
Цикл FOR (цикл с параметром)
Следующая -
Введение в Pascal ABC
Похожие презентации
Основи побудови систем виявлення та реагування на кіберінциденти. Порядок дій зловмисника при підготовці і реалізації кібератаки
Презентация к уроку информатики Информационная культура 10 класс
Проект Социальные страницы ВКонтакте великих людей
Кортежи, словари и множества в Python. Лекция 11
Программа Microsoft Excel
DCT – Wavelet – Filter Bank
разработка урока по ИКТ для 8 класса Кодирование информации
НОУ Клуб знатоков. Секция информатики Инфознайка
Готовимся в проектной работе
Алгоритмы
Диаграммы
Компьютерные презентации. Мультимедиа. Информатика. 7 класс
6 кроків для створення власного логотипу
Выработка и реализация сетевой политики, настройка телекоммуникационного оборудования ЛВС офисного центра
Методология информационного моделирования IDEF1X
Системы счета. ЕГЭ
Планирование проекта
Информационное общество
Data Mining – технология добычи данных
Основы создания инфографики
Алгоритм линейной структурыНау
Программное обеспечение и технологии программирования
Ввод информации в память компьютера
Основные алгоритмические конструкции языка С/С++
Структура программы на С#
Печатные работы сотрудников Уральского государственного медицинского университета. Выпуск 7
Цифровые каналы передачи данных
Информационная технология как способ повышения мотивации у учащихся интереса к художественной литературе
Обратная связь
Email:
Нажмите что бы посмотреть
window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:138127,name:k,category:G,count:52,jpg:"jpg\u002F138127",hits:75,download:b,h1:"Мова програмування HTML презентация",meta:{h1:k,title:k,description:"Мова програмування HTML презентация на тему, доклад, Информатика",keywords:"Мова програмування HTML, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Мова програмування HTML из раздела Информатика. Презентация на заданную тему содержит 52 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EГіпертекст\u003Cbr\u003E\u003Cp\u003EМабуть, ви неоднарозово чули про світову комп'ютерну мережу інтернернет. Основною роботи інтернету є обмін гіпертекстовими документами, тобто так розміченими текстами, що є можливість переходу за посиланням одного тексту на інший. Пока",file:"Мова-програмування-HTML.pptx",texts:["\u003Cp\u003EМова програмування HTML\u003Cbr\u003E\u003Cp\u003EВправи Янчака Володимира Ярославовича \u003Cbr\u003E","\u003Cp\u003EГіпертекст\u003Cbr\u003E\u003Cp\u003EМабуть, ви неоднарозово чули про світову комп'ютерну мережу інтернернет. Основною роботи інтернету є обмін гіпертекстовими документами, тобто так розміченими текстами, що є можливість переходу за посиланням одного тексту на інший. Покажемо це на маленькому прикладі.\u003Cbr\u003E Перехід на наступну сторінку буде здійснено натисканням підресленого тексту.\u003Cbr\u003E","\u003Cp\u003EПовернення\u003Cbr\u003E\u003Cp\u003EНатисніть підкреслене і Ви повернетесь на попередній кадр\u003Cbr\u003E\u003Cp\u003EВ гіпертекстових посиланнях можна вільно переходити з одного документа на інший, навіть коли ті документи розміщені на різних комп’ютерах, приєднаних до інтернету на протилежних кінцях земної кулі.\u003Cbr\u003E\u003Cp\u003EГіпертекстове посилання можна розмістити на малюнках та кнопках. Натисніть кнопку зліва, і ви перейдете на наступний кадр. (На жаль, він не розміщений на протилежній стороні земної кулі). \u003Cbr\u003E","\u003Cp\u003EПризначення HTML.\u003Cbr\u003E\u003Cp\u003EДля написання гіпертекстових документів служить мова HTML, яка існує в декількох варіантах і продовжує розвиватися, але конструкції HTML ймовірніше усього будуть використовуватися і надалі. Вивчаючи HTML і пізнаючи його глибше, створюючи документ на початку вивчення HTML і розширюючи його наскільки це можливо, ми маємо можливість створювати документи, які можуть бути переглянене багатьма броузерами Web, як зараз, так і в майбутньому. \u003Cbr\u003E\u003Cp\u003EБроузер Web – програма для роботи з Інтернетом, викликом та збереження html сторінок та інше. Найбільш поширені броузери це Internet explorer, Mozilla, Firefox, Opera, Netscape\u003Cbr\u003E","\u003Cp\u003EІнші можливості створення html сторінок\u003Cbr\u003E\u003Cp\u003E Існують інші можливості створення html сторінок, наприклад, використання броузерів Netscape Navigator, Mozilla (мають вбудований редактор html сторінок). Редактори WORD, Power Point та багато інших дозволяють створити html документи. Якщо це дійсно служить Вашим цілям і Ви хочете сформувати власну думку про названі програми, користуйтеся ним. Але робота з HTML - це спосіб засвоїти особливості створення документів в стандартизованій мові, використовуючи розширення, тільки коли це дійсно необхідно. \u003Cbr\u003E","\u003Cp\u003E HTML був ратифікований World Wide Web Consortium. Він підтримується декількома широко поширеними броузерами, і, можливо, стане основою майже всього програмного забезпечення, що має відношення до Web.\u003Cbr\u003E Можна працювати на Web без знання мови HTML, оскільки тексти HTML можуть створюватися різними спеціальними редакторами і конвертерами. Але писати безпосередньо на HTML неважко. Можливо, це навіть легше, ніж вивчати HTML-редактор або конвертер, які часто обмежені в своїх можливостях, містять помилки або проводять поганий HTML код, який не працює на різних платформах \u003Cbr\u003E","\u003Cp\u003EСтруктура HTML документа\u003Cbr\u003E\u003Cp\u003EСимволи, взяті в кутові дужки, є командами мови HTML, вони називаються тегами. За ними «броузер» розпізнає, як потрібно перетворити частини тексту, укладені між цими командами. Документ загалом повинен бути відмічений як документ в форматі HTML. Для цього він повинен починатися командою \u003CHTML\u003E і закінчуватися командою \u003C\u002FHTML\u003E, тобто має вигляд:\u003Cbr\u003E\u003CHTML\u003E РОЗМІЧЕНИЙ ТЕКСТ ДОКУМЕНТУ \u003C\u002FHTML\u003E.\u003Cbr\u003EЦе можна розписати також наступним способом.\u003Cbr\u003E\u003CHTML\u003E \u003Cbr\u003EРОЗМІЧЕНИЙ ТЕКСТ ДОКУМЕНТУ \u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E У РОЗМІЧЕНИЙ ТЕКСТ ДОКУМЕНТУ входять команди та тексти, які команди опрацьовують і складається з 2 частин:\u003Cbr\u003E- Заголовка вікна (HEAD),\t\u003Cbr\u003E- Власне розміченого тексту документа (BODY ).\u003Cbr\u003E В склад команд розмітки входять також тексти \u003Cbr\u003E","\u003Cp\u003EHEAD\u003Cbr\u003E\u003Cp\u003EДля введення титульного рядка в заголовок вікна документа потрібно скористатися наступними командами: \u003Cbr\u003E\u003CHEAD\u003E \u003CTITLE\u003E Назва \u003C\u002FTITLE\u003E \u003C\u002FHEAD\u003E\u003Cbr\u003EДе Назва – позначення фактичного титульного рядка. \u003Cbr\u003EНаприклад, щоб створити документ з титулом вікна\u003Cbr\u003EСТУДЕНТ ЖИВЕ ВЕСЕЛО ВІД СЕСІЇ ДО СЕСІЇ\u003Cbr\u003Eтреба набрати команди\u003Cbr\u003E\u003CHTML\u003E \u003CHEAD\u003E \u003CTITLE\u003E \u003Cbr\u003EСТУДЕНТ ЖИВЕ ВЕСЕЛО ВІД СЕСІЇ ДО СЕСІЇ \u003Cbr\u003E\u003C\u002FTITLE\u003E \u003C\u002FHEAD\u003E \u003C\u002FHTML\u003E \u003Cbr\u003E\u003Cp\u003EВигляд заголовку вікна, що відповідає вищевказаним командам\u003Cbr\u003E","\u003Cp\u003EBODY\u003Cbr\u003E\u003Cp\u003EДля запису ОСНОВНОГО ТЕКСТУ потрібно ввести: \u003Cbr\u003E\u003CBODY\u003E ОСНОВНИЙ ТЕКСТ \u003C\u002FBODY\u003E\u003Cbr\u003E\u003Cp\u003EОСНОВНИЙ ТЕКСТ складається як з тексту, так і з команд, що розмічають текст.\u003Cbr\u003E","\u003Cp\u003EЗагальна схема документа в форматі HTML\u003Cbr\u003E\u003Cp\u003EТаким чином, загальна схема документа в форматі HTML виглядає таким чином:\u003Cbr\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E \u003Cbr\u003E\u003CTITLE\u003E Титульний рядок документа \u003C\u002FTITLE\u003E \u003Cbr\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003CBODY\u003E \u003Cbr\u003EОсновний текст документа \u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003EПри написанні команд HTML не має значення, якими буквами - рядковими або прописними Ви пишете команди.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EСтворення html документа.\u003Cbr\u003E\u003Cp\u003EСпочатку створимо текстовий документ\u003Cbr\u003E\u003Cp\u003EНабираємо команди HTML.\u003Cbr\u003E\u003Cp\u003EВідкриваємо текстовий документ\u003Cbr\u003E","\u003Cp\u003EЗбереження HTML документа.\u003Cbr\u003E\u003Cp\u003EНаберіть назву HTML файлу\u003Cbr\u003E\u003Cp\u003EВстановіть опцію All files в Save as type\u003Cbr\u003E\u003Cp\u003EНатисніть кнопку Save.\u003Cbr\u003E","\u003Cp\u003EВигляд html документа в броузері \u003Cbr\u003E","\u003Cp\u003EРедагування html документів\u003Cbr\u003E\u003Cp\u003EДля того, щоб змінити html документ, необхідно вибрати опції View-\u003ESource і у Вас виникне вікно текстового редактора .\u003Cbr\u003EЯкщо ні, то можна в папці на імені файлу клацнути правою клавішею миші, вибрати пункт Open with (Открыть с помощью) → Notepad (Блокнот).\u003Cbr\u003E","\u003Cp\u003EЗавдання 1\u003Cbr\u003E\u003Cp\u003EСтворіть html документ. \u003Cbr\u003EПридумайте свій титульний рядок, не повторюючи вищевказані титульні рядки, та 5 рядків тексту для Вашої WEB сторінки.\u003Cbr\u003EЗбережіть його у вашій папці під назвою z1.html.\u003Cbr\u003E","\u003Cp\u003EСтворення заголовків\u003Cbr\u003E\u003Cp\u003EЗаголовки в документі створюються за допомогою команд:\u003Cbr\u003E \u003Cbr\u003E \u003Cbr\u003E\u003Cp\u003E \u003Cbr\u003E\u003Cp\u003E \u003Cbr\u003E\u003Cp\u003Eпричому при і = 1 заголовок найбільший, а при і = 6 - найменший. Наприклад:\u003Cbr\u003E\u003Cp\u003E\u003CНі\u003E Заголовок \u003C\u002FНі\u003E\u003Cbr\u003E\u003Cp\u003EНа відміну від \u003CHEAD\u003E, заголовки створюються всередині документа, а не на кромці вікна. \u003Cbr\u003E","\u003Cp\u003EЗавдання 2\u003Cbr\u003E\u003Cp\u003EВідкрийте z1.html за допомогою Internet Explorer. Виберіть View -\u003E Source. Вам відкриється html текст розмітки Вашого файлу. Або просто відкрийте файл з допомогою блокнота. Зітріть текст між тегами \u003CBODY\u003E та \u003C\u002FBODY\u003E та вставте там команди формування заголовків: \u003Cbr\u003E\u003CBODY\u003E\u003Cbr\u003E\u003CH1\u003E Заголовок1 \u003C\u002FH1\u003E\u003Cbr\u003E\u003CH2\u003E Заголовок2 \u003C\u002FH2\u003E\u003Cbr\u003E\u003CHЗ\u003E ЗаголовокЗ \u003C\u002FHЗ\u003E\u003Cbr\u003E\u003CH4\u003E Заголовок4 \u003C\u002FH4\u003E\u003Cbr\u003E\u003CH5\u003E ЗаголовокЗ \u003C\u002FH5\u003E\u003Cbr\u003E\u003CH6\u003E Заголовокб \u003C\u002FH6\u003E\u003Cbr\u003E \u003C\u002FBODY\u003E\u003Cbr\u003EТекст заголовків придумайте самі. Збережіть цей файл під назвою z2.html. Закрийте перегляд z1 та відкрийте z2 за допомогою Internet Explorer чи іншого браузера. \u003Cbr\u003EУвага! Завдання, в яких придумується текст запожичений з іншої робити не зараховуються. \u003Cbr\u003E","\u003Cp\u003EСтворення списків\u003Cbr\u003EСписки призначені для представлення інформації у впорядкованому вигляді.\u003Cbr\u003EУ HTML - документах використовується такі види списків:\u003Cbr\u003EНенумеровані списки,\u003Cbr\u003EНумеровані списки.\u003Cbr\u003E\u003Cbr\u003EСписок може мати заголовок, який потрібно розмістити між тегами \u003Cbr\u003E\u003CLH\u003E . . . \u003C\u002FLH\u003E.\u003Cbr\u003E","\u003Cp\u003EНенумеровані списки\u003Cbr\u003E\u003Cp\u003EНенумерований список використовує для виділення записів спеціальні символи. Ненумерований список визначається наступними командами початку і кінця списку: \u003CUL\u003E і \u003C\u002FUL\u003E\u003Cbr\u003E\u003Cp\u003EКожний елемент списку починається з команди: \u003CLI\u003E\u003Cbr\u003EУ команді \u003CUL\u003E може бути параметр TYPE, який визначає зовнішній вигляд символу, що використовується для виділення рядка в списку і може мати наступні значення:\u003Cbr\u003E\u003CUL TYPE=\"DISK\"\u003E - кругла жирна точка,\u003Cbr\u003E\u003CUL TYPE=\"CIRCLE\"\u003E - коло,\u003Cbr\u003E\u003CUL TYPE=\"SQUARE\"\u003E - маленький чорний квадрат.\u003Cbr\u003E\u003Cp\u003EУвага! В деяких версіях Internet Explorer не завжди вірно відображаються опції TYPE.\u003Cbr\u003E","\u003Cp\u003EПриклад неупорядкованого списку\u003Cbr\u003E\u003Cp\u003EКоманди розміщені вище відображаються в Internet Explorer наступним чином:\u003Cbr\u003E","\u003Cp\u003EЗавдання 3\u003Cbr\u003E\u003Cp\u003EСкладіть ненумерований список з 5 рядків.\u003Cbr\u003E","\u003Cp\u003EНумерований список\u003Cbr\u003E\u003Cp\u003EВ нумерованому списку всі записи пронумеровані.\u003Cbr\u003EНумерований список визначається наступними командами початку і кінця списку: \u003COL\u003E і \u003C\u002FOL\u003E\u003Cbr\u003EКожний елемент списку починається з команди: \u003CLI\u003E\u003Cbr\u003EУ команді \u003COL\u003E може бути параметр TYPE, який визначає тип нумерації і може мати наступні значення:\u003Cbr\u003E\u003COL TYPE = “А”\u003E - великими буквами,\u003Cbr\u003E\u003COL TYPE = “а”\u003E - малими буквами,\u003Cbr\u003E\u003COL TYPE = “I”\u003E - прописними римськими цифрами,\u003Cbr\u003E\u003COL TYPE = “i”\u003E - рядковими римськими цифрами,\u003Cbr\u003E\u003COL TYPE = “1”\u003E - арабськими цифрами.\u003Cbr\u003E","\u003Cp\u003EПриклад нумерованого списку\u003Cbr\u003E\u003Cp\u003EКоманди розміщені вище відображаються в Internet Explorer наступним чином:\u003Cbr\u003E","\u003Cp\u003EЗавдання 4\u003Cbr\u003E\u003Cp\u003EМіж операторами \u003CBODY\u003E та \u003C\u002FBODY\u003E вставте 5 груп операторів упорядкова-них списків з типами “A”,”a”,”I”,”i”,”1”. В кожному списку придумайте різні переліки.\u003Cbr\u003E","\u003Cp\u003EФорматування параграфів \u003Cbr\u003E\u003Cp\u003E\tУ документі HTML неможливо створити абзац, використовуючи клавішу [Enter]. Використання цієї клавіші поліпшує зовнішній вигляд початкового тексту, але не впливає на отримане зображення. Для керування зображення тексту в мові HTML введено ряд команди, а саме \u003Cbr\u003E, \u003Chr\u003E,Для переходу на наступний рядок скористайтеся командою \u003Cbr\u003E \u003Cbr\u003EДля створення нового абзацу скористайтеся командою \u003Cр\u003E\u003Cbr\u003EДля створення горизонтальної смуги скористайтеся командою \u003Chr\u003E\u003Cbr\u003EЯкщо смуга створюється не на весь рядок, а на якусь її частину,\u003Cbr\u003E наприклад, на 40%, то команда виглядає таким чином: \u003Chr width= 40 %\u003E\u003Cbr\u003EДля створення широкої смуги потрібно задати її ширину (в пікселях) \u003Cbr\u003E\u003Chr size= 10 \u003E\u003Cbr\u003EЧорна лінія задається наявністю параметра NOSHADE.\u003Cbr\u003EДля вирівнювання смуги ЛІВОРУЧ\u002FПРАВОРУЧ\u002FПО ЦЕНТРУ задайте\u003Cbr\u003E відповідний параметр ALIGN=LEFT\u002FRIGHT\u002FCENTER\u003Cbr\u003EВідцентрувати заголовок можна командою \u003Cp ALIGN=CENTER \u003E. Відмінити\u003Cbr\u003E центрування можна командою \u003Cp ALIGN= LEFT \u003E, або командою\u003Cbr\u003E вирівнювання по ширині.\u003Cbr\u003EВирівнювати по ширині текст можна командою \u003Cbr\u003E\u003Cp style='text-align:justify'\u003E\u003Cbr\u003E","\u003Cp\u003EЗавдання 5\u003Cbr\u003E","\u003Cp\u003E2.5. Форматування символів \u003Cbr\u003E",a,"\u003Cp\u003EЗавдання 6\u003Cbr\u003E","\u003Cp\u003EДля того, щоб задати назву шрифту, його розмір та колір, використовується парний тег \u003Cbr\u003E\u003CFONT\u003E з параметрами FACE, SIZE та COLOR. \u003Cbr\u003EFACE - задає назву шрифта;\u003Cbr\u003ESIZE - задає розмір шрифта, від 1 до 7;\u003Cbr\u003ECOLOR - задає колір шрифта.\u003Cbr\u003E\u003CFONT FACE = “Arial” SIZE=3 COLOR=”green”\u003E . . . \u003C\u002FFONT\u003E. Даний текст буде надрукований шрифтом Arial, розміром 3, що відповідає 10pt, і текст буде зелений.\u003Cbr\u003E",a,"\u003Cp\u003EЗавдання 7\u003Cbr\u003E\u003Cp\u003EПродемонструйте різні розміри шрифтів. Введіть формули з підрядковими та надрядковими символами. Результат запишіть у z7.html \u003Cbr\u003E","\u003Cp\u003EКерування кольором\u003Cbr\u003EКольори і зображення фону задаються за допомогою команди \u003CBODY\u003E. Ця команда може задаватися тільки на початку HTML файла і не може бути змінена надалі, її параметри:\u003Cbr\u003Ebgcolor = назва кольору - колір фону документа,\u003Cbr\u003Etext = назва кольору - колір тексту документа,\u003Cbr\u003Elink = назва кольору - колір тексту, що використовується як посилання,\u003Cbr\u003Evlink = назва кольору - колір посилання на переглянутий раніше документ,\u003Cbr\u003Ealink = назва кольору - колір посилання в момент натиснення на неї правої кнопки миші.\u003Cbr\u003E","\u003Cp\u003Eblack \t– чорний\u003Cbr\u003Egray \t– темно-сірий\u003Cbr\u003Esilver \t– сірий\u003Cbr\u003Ebrown – коричневий\u003Cbr\u003Enavy \t– темно-синій\u003Cbr\u003Eblue \t– синій\u003Cbr\u003Eaqua \t– блакитний\u003Cbr\u003Eteal – темно-зелений\u003Cbr\u003Eolive \t– оливковий\u003Cbr\u003Egreen \t– зелений\u003Cbr\u003E\u003Cp\u003Elime \t– яскраво-зелений\u003Cbr\u003Eteal \t– бірюзовий\u003Cbr\u003Epurple – бузковий\u003Cbr\u003Ered \t– червоний\u003Cbr\u003Emaroon – малиновий\u003Cbr\u003Efuchsia – рожевий \u003Cbr\u003Epink \t– світло-рожевий\u003Cbr\u003Eyellow – жовтий\u003Cbr\u003Ecreem – кремовий\u003Cbr\u003Ewhite \t– білий\u003Cbr\u003E\u003Cp\u003EОсновні кольори:\u003Cbr\u003E","\u003Cp\u003EКоди найпростіших кольорів\u003Cbr\u003EБілий = #FFFFFF\tМалиновий = #FF00FF\u003Cbr\u003EЖовтий = #FFFF00\tБірюзовий = #008080\u003Cbr\u003EЧервоний = #FF000\tТемно-синій = #000080\u003Cbr\u003EСірий = #808080\tКоричневий = #808000\u003Cbr\u003EСиній - #0000FF\tБлакитний = #00FFFF\u003Cbr\u003EЗелений (green) = #00FF00\tТемно-зелений = #008000,\u003Cbr\u003EЧорний (black) = #000000\tІндиго = #800080\u003Cbr\u003EПурпурний = #CC33FF\tТемно-червоний = #800000\u003Cbr\u003E\u003Cp\u003EУвага! Код кольору задається в кодуванні RGB - шість шістнадцяткових чисел.\u003Cbr\u003EВажливо зазначити, що колір фону не відображається на папері, якщо роздрукувати HTML-документ \u003Cbr\u003EВ кодах записується цифра ноль, а не буква О \u003Cbr\u003E","\u003Cp\u003EЗавдання 8\u003Cbr\u003E\u003Cp\u003EДля зміни кольору поточного тексту можна в будь-якому місці WEB-сторінки скористатися командами: \u003Cbr\u003E\u003CFONT СОLOR=Код кольору\u003E Поточний текст \u003C\u002FFONT COLOR\u003E. \u003Cbr\u003EНаприклад: \u003Cbr\u003E\u003CFONT COLOR = black\u003E Поточний текст \u003C\u002FFONT COLOR\u003E\u003Cbr\u003E\u003CFONT COLOR = #СС33FF\u003E Поточний текст \u003C\u002FFONT COLOR\u003E\u003Cbr\u003E\u003Cp\u003EЗавдання8: Зробіть фон сторінки кольоровим.\u003Cbr\u003EВиділіть різними кольорами різні частини тексту. Запишіть у \u003Cbr\u003Eфайл z8.html.\u003Cbr\u003E","\u003Cp\u003EЗавдання 9\u003Cbr\u003E\u003Cp\u003EЯкщо Ви хочете створити «шпалери», тобто кольоровий фон з використанням файла з зображення ім’ям, наприклад, Ground.jpg, то замість параметра BGCOLOR записуємо: \u003CBODY BACKGROUND = 'Ground.jpg' \u003E \u003Cbr\u003EЯкщо при цьому ви хочете, щоб фонове зображення не рухалося, тобто щоб створився ефект «водяних знаків», то задайте додатковий параметр:\u003Cbr\u003E\u003CBODY BACKGROUND = 'Ground.jpg' BGPROPERTIES=FIXED\u003E\u003Cbr\u003E\u003Cbr\u003EЗавдання 9: Малюнок gr.jpg або інший малюнок зробіть фоном. Запишить у файл z9.html \u003Cbr\u003E","\u003Cp\u003E2.7. Використання спеціальних символів \u003Cbr\u003E","\u003Cp\u003E2.8. Створення таблиць\r\n\u003Cbr\u003E\u003Cp\u003EТаблиця створюється за допомогою команд \u003CTABLE\u003E і \u003C\u002FTABLE\u003E.\u003Cbr\u003EКоманда \u003CTABLE\u003E може мати наступні параметри:\u003Cbr\u003E- UNITS - може приймати значення RELATIVE або PIXELS. Визначає одиниці вимірювання в інших параметрах. По замовчанню, UNITS = PIXELS.\u003Cbr\u003E- BORDER - визначає лінії, що розмежовують клітки в таблиці. Ширина лінії задається командою BORDER = N.\u003Cbr\u003E- CELLPADDING - Визначає мінімальний проміжок навколо вмісту таблиці.\u003Cbr\u003E- BGCOLOR - Визначає колір фонового зображення в таблиці.\u003Cbr\u003Ealign – вирівнювання, може приймати значення top, left або center. \u003Cbr\u003E","\u003Cp\u003EЗаголовок таблиці розміщують всередині парного тега \u003Cbr\u003E\u003CTC\u003E . . . \u003C\u002FTC\u003E.\u003Cbr\u003EДля заповнення клітинок таблиці використовують такі парні теги:\u003Cbr\u003E\u003CTR\u003E . . . \u003C\u002FTR\u003E - всередині цього парного тега розміщують певний рядок таблиці;\u003Cbr\u003E\u003CTH\u003E . . . \u003C\u002FTH\u003E - всередині цього парного тега розміщують заголовки рядків чи стовпців, які будуть виводитися товстішим шрифтом;\u003Cbr\u003E\u003CTD\u003E . . . \u003C\u002FTD\u003E - всередині цього парного тега розміщують текст окремої клітинки.\u003Cbr\u003EПараметри ROWSPAN і COLSPAN команд \u003CTD\u003E і \u003CТН\u003E використовуються для формування кліток даних, що об'єднують більше за один рядок або стовпець.\u003Cbr\u003E","\u003Cp\u003EПриклад побудови таблиці \u003Cbr\u003E","\u003Cp\u003EПобудова гіпертекстових\r\nпосилань \u003Cbr\u003E",a,"\u003Cp\u003E \u003Cbr\u003EСтворіть 3 рядка тексту та розділіть їх багатьма командами \u003Cbr\u003E таким чином, щоб на екрані було видно по одному рядку. Наберіть перед кожним рядком мітку. Вставте на початку команди посилання на кожен рядок \u003Cbr\u003EЗробіть команду переходу на файл z11.html\u003Cbr\u003E\u003Cp\u003EЗавдання12\u003Cbr\u003E","\u003Cp\u003EМАЛЮНКИ \u003Cbr\u003E\u003Cp\u003EЗображення можуть бути виведені на екран так само, як текст. Файли зображення можуть бути задані в декількох різних форматах, найкращі з яких - GIF (файли *.gif) і JPEG (файли *.jpg).\u003Cbr\u003EНижче приводиться формат команди:\u003Cbr\u003E\u003CIMG SRC- ‘ІМ'Я ФАЙЛА’ ALT = ‘Текст’ ALIGN = DIRECTION WIDTH = WIDTH HEIGHT = HEIGHT \u003E, де:\u003Cbr\u003E- ІМ'Я ФАЙЛА - це ім'я даного файла у вашій сторінці або повне ім'я шляху і файла, якщо файл не належить даній сторінці.\u003Cbr\u003E- Текст - це текст, що виводиться замість зображення, якщо файл зображення по якийсь причині недоступний.\u003Cbr\u003E- DIRECTION - місце розташування зображення. Приймає наступні можливі значення:\u003Cbr\u003EALIGN=TOP - подальший текст розташовується у верхній частині зображення.\u003Cbr\u003EALIGN=BOTTOM - подальший текст розташовується в нижній частині зображення.\u003Cbr\u003EALIGN=LEFT - зображення розташовується в лівій частині листа. Текст обтікає зображення праворуч.\u003Cbr\u003EALIGN=MIDDLE - зображення розташовується в центрі листа.\u003Cbr\u003EALIGN=RIGHT - зображення розташовується в правій частині листа. Текст обтікає зображення ліворуч.\u003Cbr\u003EWIDTH = WIDTH - ширина необхідного зображення на екрані,\u003Cbr\u003EHEIGHT = HEIGHT - висота необхідного зображення на екрані.\u003Cbr\u003E","\u003Cp\u003EЗавдання 13\u003Cbr\u003E\u003Cp\u003EСтворіть:\u003Cbr\u003EФайл z13.a.html у якому розміщено фото lviv.a.jpg, розмістіь текст опису біля нього з обтіканням праворуч\u003Cbr\u003EФайл z13.b.html у якому розміщено фото lviv.b.jpg, розмістіь текст опису біля нього з обтіканням ліворуч\u003Cbr\u003E","\u003Cp\u003EГіпертекстові посилання за допомогою зображення. \u003Cbr\u003E\u003Cp\u003EДопустимо, що Ви виводите на екран зображення IMAGE-файл, який називається, наприклад, image.gif.\u003Cbr\u003EЯкщо Ви хочете організувати сторінку так, щоб при натисненні лівої кнопки миші на зображення, перейти на іншу домашню сторінку, наприклад, на:\u003Cbr\u003EHTTP:\u002F\u002FWWW.HOME.COM,\u003Cbr\u003Eпотрібно записати наступну команду:\u003Cbr\u003E\u003CА href= ‘HTTP:\u002F\u002FWWW.HOME.COM’\u003E \u003CIMG SRC = 'image.gif’\u003E \u003C\u002FA\u003E\u003Cbr\u003EСтворення посилання на поштову адресу.\u003Cbr\u003EНаприклад моя поштова адреса в GEOCITIES.COM: [e-mail]\u003Cbr\u003EДля організації посилання в моїй домашній сторінці на мою поштову адресу необхідно записати в кінці головного розділу домашньої сторінки:\u003Cbr\u003E\u003CА href = mailto: [e-mail] \u003E Перейти на мою поштову адресу \u003C\u002FА\u003E\u003Cbr\u003EУ наступній строчці необхідно задати таке ж посилання з допомогою аплікації MAIL12.GIF замість тексту:\u003Cbr\u003E\u003CА href = mailto: [e-mail] \u003E\u003CIMS SRC = ‘MAIL12.GIF’ \u003E\u003C\u002FA\u003E\u003Cbr\u003EЗавдання 14: Створіть у файлах z13.a.html та, z13.b.html посилання таким чином, щоб при натисканні першого зображення ви переходили на другий файл та навпаки – при натисканні другого зображення Ви переходили на перший файл. \u003Cbr\u003E","\u003Cp\u003EНаступний матеріал призначається для сильних студентів\u003Cbr\u003E","\u003Cp\u003E2.10. Кадри \u003Cbr\u003E\u003Cp\u003EКоманди роботи з кадрами.\u003Cbr\u003EВи можете розділити екран на декілька незалежних віконних кадрів, кожний з яких відображає окремий HTML документ.\u003Cbr\u003EНа екрані кадри являють собою прямокутники. У HTML використовуються наступні команди роботи з кадрами:\u003Cbr\u003E\u003CFRAMESET\u003E, \u003C\u002FFRAMESET\u003E - визначають склад і розміри кадрів на екрані,\u003Cbr\u003E\u003CFRAME\u003E, \u003C\u002FFRAME\u003E - визначають HTML-файл для кожного кадру,\u003Cbr\u003E\u003CNOFRAMES\u003E, \u003C\u002FNOFRAMES\u003E - для повідомлень броузеру, що не обробляє кадри.\u003Cbr\u003EФормат команди FRAMESET.\u003Cbr\u003EКоманда ділить ціле вікно (або частину вікна, визначену попередньою командою FRAMESET) на декілька вертикальних (параметр COLS) або горизонтальних (параметр ROWS) кадрів. Кожний з цих кадрів може визначати HTML-файл, що відображається в ньому (за допомогою команди FRAME) або, відповідно, ділитися далі за тими ж правилами з вкладеною командою FRAMESET.\u003Cbr\u003EПо кінцю визначення кадрів, що задаються командою FRAMESET, необхідно записати команду \u002FFRAMESET, інакше вони можуть бути побудовані неправильно.\u003Cbr\u003E","\u003Cp\u003EКоманди роботи з кадрами.\u003Cbr\u003EВи можете розділити екран на декілька незалежних віконних кадрів, кожний з яких відображає окремий HTML документ.\u003Cbr\u003EНа екрані кадри являють собою прямокутники. У HTML використовуються наступні команди роботи з кадрами:\u003Cbr\u003E\u003CFRAMESET\u003E, \u003C\u002FFRAMESET\u003E - визначають склад і розміри кадрів на екрані,\u003Cbr\u003E\u003CFRAME\u003E, \u003C\u002FFRAME\u003E - визначають HTML-файл для кожного кадру,\u003Cbr\u003E\u003CNOFRAMES\u003E, \u003C\u002FNOFRAMES\u003E - для повідомлень броузеру, що не обробляє кадри.\u003Cbr\u003EФормат команди FRAMESET.\u003Cbr\u003EКоманда ділить ціле вікно (або частину вікна, визначену попередньою командою FRAMESET) на декілька вертикальних (параметр COLS) або горизонтальних (параметр ROWS) кадрів. Кожний з цих кадрів може визначати HTML-файл, що відображається в ньому (за допомогою команди FRAME) або, відповідно, ділитися далі за тими ж правилами з вкладеною командою FRAMESET.\u003Cbr\u003EПо кінцю визначення кадрів, що задаються командою FRAMESET, необхідно записати команду \u002FFRAMESET, інакше вони можуть бути побудовані неправильно. \u003Cbr\u003EФормат параметрів COLS і ROWS.\u003Cbr\u003EЦі параметри дозволяють визначити розміри і кількість побудованих вертикально (параметр COLS) або горизонтально (параметр ROWS) кадрів.\u003Cbr\u003EАтрибути параметрів задаються в одній з 3 форм:\u003Cbr\u003E- абсолютний розмір в пікселях,\u003Cbr\u003E- заданий процент в загальній довжині або ширині,\u003Cbr\u003E- залишок після завдання попередніх кадрів.\u003Cbr\u003EСимвол ‘*’ означає виділення кадру площі, що залишилася. Наприклад, команда: \u003CFRAMESET ROWS= ‘100, *’\u003E створює 2 кадри: верхній становить 100 пікселів у висоту, нижній - простір, що залишився.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EФормат команди FRAME.\u003Cbr\u003EДана команда існує тільки всередині блоку FRAMESET - \u002FFRAMESET. її призначення - визначення функцій конкретного кадру.\u003Cbr\u003EКоманда \u002FFRAME практично не використовується так як її функції виконують команди \u002FFRAMESET і наступна FRAME.\u003Cbr\u003EПараметр SRC задає ім'я HTML - файла, що відображається в даному кадрі.\u003Cbr\u003EПараметр NAME застосовується для створення імені кадру.\u003Cbr\u003EТоді інший кадр може посилатися на даний для відображення в ньому свого гіпертекста.\u003Cbr\u003EЦе дуже поширена команда її можна бачити в багатьох сторінках, її перевага в тому, що на екрані можна одночасно бачити і HTML-файл, що викликає, і HTML-файл, що викликається, і для перегляду наступного файла гіпертекста досить натиснути на відповідну кнопку файла, який викликає.\u003Cbr\u003EПараметр TARGET команди BASE задає кадр, що виділяється по замовчанню для відображення гіпертекста.\u003Cbr\u003EПараметр NORESIZE застосовується для того, щоб користувач не зміг змінити розміри даного кадру на екрані \u003Cbr\u003EЛінійки прокрутки задаються за допомогою параметра SCROLLING.\u003Cbr\u003EТут діють наступні правила:\u003Cbr\u003E- Якщо параметр SCROLLING не заданий, то лінійки прокрутки створюються автоматично тільки тоді, коли розмір тексту, що відображається перевищує розмір кадру (це відноситься як до розміру по вертикалі, так і по горизонталі).\u003Cbr\u003E- Якщо задане SCROLLING = ‘YES’, то лінійки прокрутки створюються завжди.\u003Cbr\u003E- Якщо задане SCROLLING = ‘NO’, то лінійки прокрутки не створюються.\u003Cbr\u003E- Якщо задане SCROLLING = ‘AUTO’, то система працює так само, як якщо параметр SCROLLING не заданий.\u003Cbr\u003EТовщина граничної лінії між кадрами може задаватися в пікселях за допомогою параметрів MARGINHEIGHT і MARGINWIDTH, якщо розробника не влаштовують значення, задані по замовчанню.\u003Cbr\u003E","\u003Cp\u003EСпеціальні значення параметра TARGET.\u003Cbr\u003EУ сучасних броузерах зарезервовано 4 спеціальних значення параметра TARGET:\u003Cbr\u003Eа) _blank - броузери завжди задає це значення для нового, неіменованого вікна.\u003Cbr\u003Eб) _self - задається по замовчанню для всіх кадрів, в операторі FRAME яких немає параметра TARGET. Всі документи, що викликаються по гіперпосиланню, завантажуються і відображаються в тому ж кадрі, що і документ, який їх викликає.\u003Cbr\u003EЗначення _self в явному вигляді не застосовується доти, поки ми не вводимо команду BASE з параметром TARGET - тоді, можливо, знадобиться відмінити це загальне призначення для якого-небудь конкретного кадру.\u003Cbr\u003Eв) _parent - файл, що викликається по гіперпосиланню, завантажується в кадр або вікно, яке є батьківським по відношенню до того, що викликає. Іншими словами, файл, що викликається буде розташований в тому ж вікні, що і його ‘дідусь’.\u003Cbr\u003Eг) _top - файл, що викликається по гіперпосиланню, завантажується у вікно, що містить посилання, і перекриває всі кадри даного вікна.\u003Cbr\u003EФормат команди NOFRAME.\u003Cbr\u003EЦя команда призначена для броузерів, що не обробляють кадри.\u003Cbr\u003EУ броузері, що обробляє кадри, вся інформація, що міститься між командами NOFRAME і \u002FNOFRAME, ігнорується.\u003Cbr\u003EУ броузері, що не обробляє кадри, ця інформація обробляється.\u003Cbr\u003E\u003Cp\u003EРОЗРОБІТЬ ПРИКЛАДИ САМОСТІЙНО\u003Cbr\u003E"],href:"\u002Finformatika\u002Fmova-programuvannya-html",href_category:"\u002Finformatika",date:1627894363,related:[{id:376956,name:"Основи побудови систем виявлення та реагування на кіберінциденти. Порядок дій зловмисника при підготовці і реалізації кібератаки",href:"\u002Finformatika\u002Fosnovi-pobudovi-sistem-viyavlennya-ta-reaguvannya",jpg:"jpg\u002F376956"},{id:529207,name:"Презентация к уроку информатики Информационная культура 10 класс",href:"\u002Finformatika\u002Fprezentatsiya-k-uroku-informatiki-informatsionnaya-kultura",jpg:"jpg\u002F529207"},{id:310786,name:"Проект Социальные страницы ВКонтакте великих людей",href:"\u002Finformatika\u002Fproekt-sotsialnye-stranitsy-vkontakte-velikih-lyudey",jpg:"jpg\u002F310786"},{id:612080,name:"Кортежи, словари и множества в Python. Лекция 11",href:"\u002Finformatika\u002Fkortezhi-slovari-i-mnozhestva-v-python",jpg:"jpg\u002F612080"},{id:494463,name:"Программа Microsoft Excel",href:"\u002Finformatika\u002Fprogramma-microsoft-excel-1",jpg:"jpg\u002F494463"},{id:141500,name:"DCT – Wavelet – Filter Bank",href:"\u002Finformatika\u002Fdct--wavelet--filter-bank",jpg:"jpg\u002F141500"},{id:570217,name:"разработка урока по ИКТ для 8 класса Кодирование информации",href:"\u002Finformatika\u002Frazrabotka-uroka-po-ikt-dlya-8",jpg:"jpg\u002F570217"},{id:544040,name:"НОУ Клуб знатоков. Секция информатики Инфознайка",href:"\u002Finformatika\u002Fnou-klub-znatokov-sektsiya-informatiki-infoznayka",jpg:"jpg\u002F544040"},{id:588832,name:"Готовимся в проектной работе",href:"\u002Finformatika\u002Fgotovimsya-v-proektnoy-rabote",jpg:"jpg\u002F588832"},{id:464792,name:"Алгоритмы",href:"\u002Finformatika\u002Falgoritmy-74",jpg:"jpg\u002F464792"},{id:111398,name:"Диаграммы",href:"\u002Finformatika\u002Fdiagrammy-3",jpg:"jpg\u002F111398"},{id:581523,name:"Компьютерные презентации. Мультимедиа. Информатика. 7 класс",href:"\u002Finformatika\u002Fkompyuternye-prezentatsii-multimedia-informatika-7-klass",jpg:"jpg\u002F581523"},{id:398768,name:"6 кроків для створення власного логотипу",href:"\u002Finformatika\u002F6-krokv-dlya-stvorennya-vlasnogo-logotipu",jpg:"jpg\u002F398768"},{id:379103,name:"Выработка и реализация сетевой политики, настройка телекоммуникационного оборудования ЛВС офисного центра",href:"\u002Finformatika\u002Fvyrabotka-i-realizatsiya-setevoy-politiki-nastroyka",jpg:"jpg\u002F379103"},{id:609339,name:"Методология информационного моделирования IDEF1X",href:"\u002Finformatika\u002Fmetodologiya-informatsionnogo-modelirovaniya-idef1x-24",jpg:"jpg\u002F609339"},{id:321168,name:"Системы счета. ЕГЭ",href:"\u002Finformatika\u002Fsistemy-scheta-ege",jpg:"jpg\u002F321168"},{id:188747,name:"Планирование проекта",href:"\u002Finformatika\u002Fplanirovanie-proekta-3",jpg:"jpg\u002F188747"},{id:254650,name:"Информационное общество",href:"\u002Finformatika\u002Finformatsionnoe-obshchestvo-4",jpg:"jpg\u002F254650"},{id:1587,name:"Data Mining – технология добычи данных",href:"\u002Finformatika\u002Fdata-mining--tehnologiya-dobychi-dannyh",jpg:"jpg\u002F1587"},{id:302835,name:"Основы создания инфографики",href:"\u002Finformatika\u002Fosnovy-sozdaniya-infografiki",jpg:"jpg\u002F302835"},{id:575718,name:"Алгоритм линейной структурыНау",href:"\u002Finformatika\u002Falgoritm-lineynoy-strukturynau",jpg:"jpg\u002F575718"},{id:356879,name:"Программное обеспечение и технологии программирования",href:"\u002Finformatika\u002Fprogrammnoe-obespechenie-i-tehnologii-programmirovaniya",jpg:"jpg\u002F356879"},{id:524094,name:"Ввод информации в память компьютера",href:"\u002Finformatika\u002Fvvod-informatsii-v-pamyat-kompyutera-8",jpg:"jpg\u002F524094"},{id:167680,name:"Основные алгоритмические конструкции языка С\u002FС++",href:"\u002Finformatika\u002Fosnovnye-algoritmicheskie-konstruktsii-yazyka-ss",jpg:"jpg\u002F167680"},{id:151738,name:"Структура программы на С#",href:"\u002Finformatika\u002Fstruktura-programmy-na-s",jpg:"jpg\u002F151738"},{id:134268,name:"Печатные работы сотрудников Уральского государственного медицинского университета. Выпуск 7",href:"\u002Finformatika\u002Fpechatnye-raboty-sotrudnikov-uralskogo-gosudarstvennogo-meditsinskogo",jpg:"jpg\u002F134268"},{id:381961,name:"Цифровые каналы передачи данных",href:"\u002Finformatika\u002Ftsifrovye-kanaly-peredachi-dannyh",jpg:"jpg\u002F381961"},{id:582001,name:"Информационная технология как способ повышения мотивации у учащихся интереса к художественной литературе",href:"\u002Finformatika\u002Finformatsionnaya-tehnologiya-kak-sposob-povysheniya-motivatsii",jpg:"jpg\u002F582001"}],navigation:{next:"\u002Finformatika\u002Fvvedenie-v-pascal-abc",next_name:"Введение в Pascal ABC",prev:"\u002Finformatika\u002Ftsikl-for-tsikl-s-parametrom",prev_name:"Цикл FOR (цикл с параметром)"}}},categories:{result:[{id:H,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:H,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:I,SITE_HOST:"mypreza.com",SITE_LANG:J,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:I,short_name:a,description:a,lang:J,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Мова програмування HTML","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512")) наступні параметри:
- UNITS - може приймати значення RELATIVE або PIXELS. Визначає одиниці вимірювання в інших параметрах. По замовчанню, UNITS = PIXELS.
- BORDER - визначає лінії, що розмежовують клітки в таблиці. Ширина лінії задається командою BORDER = N.
- CELLPADDING - Визначає мінімальний проміжок навколо вмісту таблиці.
- BGCOLOR - Визначає колір фонового зображення в таблиці.
align – вирівнювання, може приймати значення top, left або center.

Заголовок таблиці розміщують всередині парного тега
. . .
.
Для заповнення клітинок таблиці використовують такі парні теги:

Приклад побудови таблиці

Побудова гіпертекстових
посилань

Створіть 3 рядка тексту та розділіть їх багатьма командами
таким чином, щоб на екрані було видно по одному рядку. Наберіть перед кожним рядком мітку. Вставте на початку команди посилання на кожен рядок
Зробіть команду переходу на файл z11.html
Завдання12

МАЛЮНКИ
Зображення можуть бути виведені на екран так само, як текст. Файли зображення можуть бути задані в декількох різних форматах, найкращі з яких - GIF (файли *.gif) і JPEG (файли *.jpg).
Нижче приводиться формат команди:
, де:
- ІМ'Я ФАЙЛА - це ім'я даного файла у вашій сторінці або повне ім'я шляху і файла, якщо файл не належить даній сторінці.
- Текст - це текст, що виводиться замість зображення, якщо файл зображення по якийсь причині недоступний.
- DIRECTION - місце розташування зображення. Приймає наступні можливі значення:
ALIGN=TOP - подальший текст розташовується у верхній частині зображення.
ALIGN=BOTTOM - подальший текст розташовується в нижній частині зображення.
ALIGN=LEFT - зображення розташовується в лівій частині листа. Текст обтікає зображення праворуч.
ALIGN=MIDDLE - зображення розташовується в центрі листа.
ALIGN=RIGHT - зображення розташовується в правій частині листа. Текст обтікає зображення ліворуч.
WIDTH = WIDTH - ширина необхідного зображення на екрані,
HEIGHT = HEIGHT - висота необхідного зображення на екрані.

Завдання 13
Створіть:
Файл z13.a.html у якому розміщено фото lviv.a.jpg, розмістіь текст опису біля нього з обтіканням праворуч
Файл z13.b.html у якому розміщено фото lviv.b.jpg, розмістіь текст опису біля нього з обтіканням ліворуч

Гіпертекстові посилання за допомогою зображення.
Допустимо, що Ви виводите на екран зображення IMAGE-файл, який називається, наприклад, image.gif.
Якщо Ви хочете організувати сторінку так, щоб при натисненні лівої кнопки миші на зображення, перейти на іншу домашню сторінку, наприклад, на:
HTTP://WWW.HOME.COM,
потрібно записати наступну команду:
<А href= ‘HTTP://WWW.HOME.COM’>
Параметр NAME застосовується для створення імені кадру.
Тоді інший кадр може посилатися на даний для відображення в ньому свого гіпертекста.
Це дуже поширена команда її можна бачити в багатьох сторінках, її перевага в тому, що на екрані можна одночасно бачити і HTML-файл, що викликає, і HTML-файл, що викликається, і для перегляду наступного файла гіпертекста досить натиснути на відповідну кнопку файла, який викликає.
Параметр TARGET команди BASE задає кадр, що виділяється по замовчанню для відображення гіпертекста.
Параметр NORESIZE застосовується для того, щоб користувач не зміг змінити розміри даного кадру на екрані
Лінійки прокрутки задаються за допомогою параметра SCROLLING.
Тут діють наступні правила:
- Якщо параметр SCROLLING не заданий, то лінійки прокрутки створюються автоматично тільки тоді, коли розмір тексту, що відображається перевищує розмір кадру (це відноситься як до розміру по вертикалі, так і по горизонталі).
- Якщо задане SCROLLING = ‘YES’, то лінійки прокрутки створюються завжди.
- Якщо задане SCROLLING = ‘NO’, то лінійки прокрутки не створюються.
- Якщо задане SCROLLING = ‘AUTO’, то система працює так само, як якщо параметр SCROLLING не заданий.
Товщина граничної лінії між кадрами може задаватися в пікселях за допомогою параметрів MARGINHEIGHT і MARGINWIDTH, якщо розробника не влаштовують значення, задані по замовчанню.