Мова програмування HTML

    Параметри ROWSPAN і COLSPAN команд <TD> і <TH> використовуються для формування кліток даних, що об'єднують  більше за один рядок або стовпець. 

    2.9. Вбудування гіпертекстових посилань

    Перехід в інше місце того ж документа.

    Для організації переходу всередині  одного HTML - файла потрібно ввести необхідний текст в двох місцях:

    - Записати мітку в тому місці HTML - файла, куди необхідно перейти.

    - Записати перехід на цю мітку в тому місці, звідки буде виконаний перехід.

    Для організації мітки записують: <А NAME = «МІТКА» ></А>, де МІТКА - будь-яке ім'я, що складається з букв англійського алфавіта і цифр.

    Для переходу на цю мітку запишіть:<А href=МІТКА >Перейти на мітку</А>.

    Перехід в інший документ тієї ж сторінки.

    Для переходу з будь-якого місця HTML-файла h1.html в початок HTML-файла h2.html потрібно записати: <А href = «h2.html»>Перехід до розділу h2</А>.

    Перехід в інший документ.

    У будь-якому місці HTML-файла можна ввести гіпертекстові посилання на інший документ або файл.

    Гіпертекстові посилання вводяться в HTML-файл за допомогою уніфікованого локатора ресурсів - URL.

    Цей локатор визначає правила написання  різних видів посилань.

    Нижче приводяться найважливіші префікси для URL: 

 

    Для запису гіпертекстового посилання в HTML-файл використовують наступну команду: <А href = «URL»>Перехід по гіпертекстовому посиланню</А>.

    При натисненні лівої кнопки миші на текст Перехід по гіпертекстовому посиланню Ви перейдете на ресурс, заданий в URL. Для повернення скористайтеся клавішею «Back» броузера.

    Виведення на екран.

    Зображення  можуть бути виведені на екран так  само, як текст. Файли зображення можуть бути задані в декількох різних форматах, найкращі з яких - GIF (файли *.gif) і JPEG (файли *.jpg).

    Нижче приводиться формат команди:

    <IMG SRC= «ІМ'Я ФАЙЛА» ALT = «Текст» ALIGN = DIRECTION WIDTH = WIDTH HEIGHT = HEIGHT >, де:

    - ІМ'Я ФАЙЛА - це ім'я даного  файла у вашій сторінці або  повне ім'я шляху і файла, якщо файл не належить даній сторінці.

    - Текст - це текст, що виводиться  замість зображення, якщо файл зображення по якийсь причині недоступний.

    - DIRECTION - місце розташування зображення. Приймає наступні можливі значення:

    ALIGN=TOP - подальший текст розташовується у верхній частині зображення.

    ALIGN=BOTTOM - подальший текст розташовується в нижній частині зображення.

    ALIGN=LEFT - зображення розташовується в  лівій частині листа. Текст обтікає зображення праворуч.

    ALIGN=MIDDLE - зображення розташовується в  центрі листа.

    ALIGN=RIGHT - зображення розташовується в  правій частині листа. Текст обтікає зображення ліворуч.

    WIDTH = WIDTH - ширина необхідного зображення  на екрані,

    HEIGHT = HEIGHT - висота необхідного зображення  на екрані.

    Гіпертекстові посилання за допомогою зображення.

    Допустимо, що Ви виводите на екран зображення IMAGE-файл, який називається, наприклад, image.gif.

    Якщо Ви хочете організувати сторінку так, щоб при натисненні лівої кнопки миші на зображення, перейти на іншу домашню сторінку, наприклад, на:

    HTTP://WWW.HOME.COM,

    потрібно  записати наступну команду:

    <А  href= «HTTP://WWW.HOME.COM»> <IMG SRC = «image.gif»>

    Створення посилання на поштову адресу.

    Наприклад моя поштова адреса в GEOCITIES.COM: info@geocities.com

    Для організації посилання в моїй домашній сторінці на мою поштову адресу необхідно записати в кінці головного розділу домашньої сторінки:

    <А  href = mailto: info@geocities.com > Перейти на мою поштову адресу </А>

    У наступній строчці необхідно задати таке ж посилання з допомогою аплікації MAIL12.GIF замість тексту:

    <А  href = mailto: info@geocities.com ><IMS SRC = «MAIL12.GIF» ></А> 

    2.10. Кадри.

    Команди роботи з кадрами.

    Ви  можете розділити екран на декілька незалежних віконних кадрів, кожний з яких відображає окремий HTML документ.

    На  екрані кадри являють собою прямокутники. У HTML використовуються наступні команди роботи з кадрами:

    <FRAMESET>, </FRAMESET> - визначають склад і розміри кадрів на екрані,

    <FRAME>, </FRAME> - визначають HTML-файл для  кожного кадру,

    <NOFRAMES>, </NOFRAMES> - для повідомлень броузеру, що не обробляє кадри.

    Формат  команди FRAMESET.

    Команда ділить ціле вікно (або частину вікна, визначену попередньою командою FRAMESET) на декілька вертикальних (параметр COLS) або горизонтальних (параметр ROWS) кадрів. Кожний з цих кадрів може визначати HTML-файл, що відображається в ньому (за допомогою команди FRAME) або, відповідно, ділитися далі за тими ж правилами з вкладеною командою FRAMESET.

    По  кінцю визначення кадрів, що задаються  командою FRAMESET, необхідно записати команду /FRAMESET, інакше вони можуть бути побудовані неправильно.

    Формат  параметрів COLS і ROWS.

    Ці  параметри дозволяють визначити розміри і кількість побудованих вертикально (параметр COLS) або горизонтально (параметр ROWS) кадрів.

    Атрибути  параметрів задаються в одній з 3 форм:

    - абсолютний розмір в пікселях,

    - заданий процент в загальній довжині або ширині,

    - залишок після завдання попередніх кадрів.

    Символ  «*» означає виділення кадру  площі, що залишилася.  Наприклад, команда: <FRAMESET ROWS= «100, *»> створює 2 кадри: верхній становить 100 пікселів у висоту, нижній - простір, що залишився.

    Формат  команди FRAME.

    Дана  команда існує тільки всередині  блоку FRAMESET - /FRAMESET. Її призначення - визначення функцій конкретного кадру.

    Команда /FRAME практично не використовується так як її функції виконують команди /FRAMESET і наступна FRAME.

    Параметр SRC задає ім'я HTML - файла, що відображається в даному кадрі.

    Параметр NAME застосовується для створення  імені кадру.

    Тоді  інший кадр може посилатися на даний  для відображення в ньому свого  гіпертекста.

    Це  дуже поширена команда її можна бачити в багатьох сторінках. Її перевага в тому, що на екрані можна одночасно бачити і HTML-файл, що викликає, і HTML-файл, що викликається, і для перегляду наступного файла гіпертекста досить натиснути на відповідну кнопку файла, який викликає.

    Параметр TARGET команди BASE задає кадр, що виділяється по замовчанню для відображення гіпертекста.

    Параметр NORESIZE застосовується для того, щоб  користувач не зміг змінити розміри  даного кадру на екрані.

    Лінійки прокрутки задаються за допомогою  параметра SCROLLING.

    Тут діють наступні правила:

    - Якщо параметр SCROLLING не заданий, то лінійки прокрутки створюються автоматично тільки тоді, коли розмір тексту, що відображається перевищує розмір кадру (це відноситься як до розміру по вертикалі, так і по горизонталі).

    - Якщо задане SCROLLING = «YES», то лінійки прокрутки створюються завжди.

    - Якщо задане SCROLLING = «NO», то лінійки прокрутки не створюються.

    - Якщо задане SCROLLING = «AUTO», то система працює так само, як якщо параметр SCROLLING не заданий.

    Товщина граничної лінії між кадрами  може задаватися в пікселях за допомогою параметрів MARGINHEIGHT і MARGINWIDTH, якщо розробника не влаштовують значення, задані по замовчанню.

    Спеціальні  значення параметра TARGET.

    У сучасних броузерах зарезервовано 4 спеціальних значення параметра TARGET:

    а) _blank - броузери завжди задає це значення для нового, неіменованого вікна.

    б) _self - задається по замовчанню для  всіх кадрів, в операторі FRAME яких немає параметра TARGET. Всі документи, що викликаються по гіперпосиланню, завантажуються і відображаються в тому ж кадрі, що і документ, який їх викликає.

    Значення _self в явному вигляді не застосовується доти,  поки ми не вводимо команду BASE з параметром TARGET - тоді, можливо, знадобиться відмінити це загальне призначення для якого-небудь конкретного кадру.

    в) _parent - файл, що викликається по гіперпосиланню, завантажується в кадр або вікно, яке є батьківським по відношенню до того, що викликає. Іншими словами, файл, що викликається буде розташований в тому ж вікні, що і його «дідусь».

    г) _top - файл, що викликається по гіперпосиланню, завантажується у вікно, що містить посилання, і перекриває всі кадри даного вікна.

    Формат  команди NOFRAME.

    Ця  команда призначена для броузерів, що не обробляють кадри.

    У броузері, що обробляє кадри, вся інформація, що міститься між командами NOFRAME і /NOFRAME, ігнорується.

    У броузері, що не обробляє кадри, ця інформація обробляється.

    Звичайно  розробники сторінок, використовуючі кадри, вставляють в тіло команди NOFRAME повідомлення про те, що даний броузер не обробляє кадри і повідомляє рекомендації, наприклад, перейти на Netscape 2.0 і вище. 

    2.11. Спеціальні ефекти 

    Створення блимаючого тексту.

    Зауваження: працює в Netscape 3.0, не працює в Explorer 3.0

    Ви  можете створити зображення тексту що блимає за допомогою наступних команд: <blink> і </blink>

    Не  зловживайте блимаючим зображенням. Його краще усього застосовувати для залучення уваги до нової інформації в домашній сторінці.

    Створення рядка, що біжить.

    Зауваження: працює в Explorer 3.0, не працює в Netscape 3.0

    Рядок, що біжить створюється за допомогою команд: <MARQUEE> і <MARQUEE>. Нижче приводяться приклади команд:

    Команда <MARQUEE> </MARQUEE> - цей текст буде рухатися з права на ліво повільно.