|
|
Текст HTML-документа (окремі слова або речення) можна описувати спеціальними стилями. Існує два типи стилів: фізичний і логічний.Фізичні стилі Існують фізичні способи виділення – автор задає стиль написання тексту, описуючи шрифт у вихідному HTML-документі. Можливо задати: <B> текст </B> – жирний шрифт. <I> текст </I> – похилий шрифт. <TT> текст </TT> – шрифт заданої ширини (моношрифт). <U> текст </U> – підкреслений шрифт. <STRIKE> текст </STRIKE> – Спеціальні символи. Символи <, >, & й " мають в HTML особливе значення як символи форматування. Але іноді виникає необхідність використати їх у тексті за своїм прямим призначенням. Для введення таких символів у текст необхідно використовувати спеціальні сполучення символів: < – < ліва дужка; > – > права дужка; & – & амперсанд; " – " лапки; – пробіл; ¬ – перенос; « – «ліві подвійні лапки; » –» праві подвійні лапки; © – © знак, який вказує кому належать авторські права; ® – ® знак, який вказує на реєстрацію; ¶ – ¶; · – · середня крапка; ° – ° градус; ± – ± плюс-мінус. Зауваження. Спеціальні символи чутливі до регістра: НЕ МОЖНА використовувати < замість <
Рисунок 49 Логічні стилі
Рисунок 30 – Застосування фізичних стилів форматування та спеціальних символів Оскільки неможливо передбачити, який буде мати вигляд той або інший тег (фізичного стилю форматування) у різноманітних браузерах, використовують логічне форматування. Теги логічного форматування сприймаються будь-яким браузером й інтерпретуються відповідно до його можливостей. <DFN> – опис визначень. <EM> – виділення слів. <CITE> – виділення заголовків книг, фільмів, цитат і т.п. <CODE> – виділення програмних кодів, текстів програм і т.п. Зображується шрифтом фіксованої ширини. <SAMP> – використовується для машинних повідомлень. Зображується шрифтом фіксованої ширини (моношрифт). <STRONG> – використовується для особливого виділення слів. Як правило, виділяється жирним шрифтом. <VAR> – вживають для символьних змінних. Часто виникає питання, в чому полягають відмінності в роботі тегів <B> й <STRONG>, <I> й <EM>. Як зазначено вище, <B> й <I> – теги фізичного виділення, тобто веб-майстер примусово змушує браузер виділяти текст заданим видом шрифту. Теги <STRONG> й <EM> – теги логічного виділення. Кожен браузер може по-своєму виділити текст усередині цих тегів, так, як зручно його користувачеві. Таким чином, якщо потрібно виділити текст, варто користуватися тегом <EM>. Якщо ж не потрібно виділяти текст, а зробити його курсивом, використовують тег <I>. До логічних стилів можна віднести й команди роботи зі шрифтами. < FONT > – може змінювати як логічний (розмір), так і фізичний стиль шрифту. Ця команда задає кольори, розмір і вигляд сімейства шрифтів, які використовуються в HTML-документі. Атрибути команди <FONT> COLOR = “color” дозволяє задати колір шрифту. Наприклад, рядки, що наведені нижче, рівнозначні. <FONT COLOR= #FF0000> текст червоних кольорів </FONT> <FONT COLOR= RED> текст червоних кольорів </FONT> SIZE=( ± )n – установлює розмір шрифту. Число n при абсолютному заданні розміру може набувати значень від 1 до 7. За замовчуванням базовий розмір шрифту в документі вважається таким, що дорівнює 3 в абсолютних значеннях. При відносному заданні розміру число n може набувати значень від 1 до 7 зі знаками плюс (+) – збільшення або мінус (-) – зменшення розміру шрифту на n пунктів стосовно базового розміру шрифту в документі. < BIG >текст< / BIG > – збільшує розмір шрифту на одиницю щодо базового розміру. < SMALL >текст< / SMALL > – зменшує розмір шрифту на одиницю щодо базового розміру. < SUB > текст < / SUB > – підрядковий індекс. < SUP > текст < / SUP > – надрядковий індекс. Сімейства шрифтів Для команди <FONT> ім'я сімейства шрифтів визначається атрибутом FACE. Для команди <BASEFONT> атрибутом NAME. Стандартні значення цих атрибутів "Times New Roman", "Courier New" та "Arial". Імена сімейств шрифтів у даний момент поки не стандартизовані й у різних системах можуть називатися по-різному. Наприклад, сімейство шрифтів "Times New Roman" може називатися "Times", "Times Roman", "Roman" і т.д. Наприклад, нижченаведений фрагмент HTML-коду у вікні браузера буде виглядати так, як показано на рисунку 31.
Переривання рядка. Команда <BR> дозволяє перейти на новий рядок, не починаючи нового абзацу (див. приклади #1 – #6).
Рисунок 31 3.5.5 Посилання Припустимо, що в Інтернеті існує хостинг із доменним ім'ям hosting.net й IP-адресою 105.32.121.32. На ньому розміщено кілька сайтів: www.user1.net www.user2.com www.user3.sumy.ua У такий спосіб маємо, що в кожного сайту є унікальне доменне ім'я, але IP-адреса у всіх однакова – 105.32.121.32 – IP-адреса хостинга. У системі DNS на прохання сисадмінів (власників) web-сайтів USER’ів і за узгодженням із сисадміном hosting.net прописується, що слід вважати IP-адресою того або іншого USER’а IP-адресу хостинга. Коли рядовий користувач на своєму «домашньому комп'ютері» набирає www.user3.sumy.ua, запит системою DNS направляється на IP-адресу хостинга. На сервері hosting.net запускається програма, що обслуговує роботу всього сервера (найпоширеніша – APACH), що контролює, який із сайтів потрібний конкретному користувачеві. Нехай сайт www.user3.sumy.ua має структуру, яка показана на рисунку 32.
Рисунок 32 – Структура web-сайту У розрізі одного сайту існує кілька видів посилань: - посилання на інші сайти; - внутрішні посилання, тобто посилання усередині сайту; - посилання усередині файлу або на закладку. Посилання на інші сайти Зв'язок між документами й окремими частинами документів задається через відповідні гіперпосилання. Тег посилання має таку структуру: <A HREF=” URL ”> текст посилання </A>, де URL – унікальна доменна адреса. Лапки (” ”)при присвоюванні значення атрибуту HREF необов'язкові, але бажані; текст посилання – текст, що у вікні браузера буде виділений як посилання. Наприклад: 1 Необхідно поставити посилання на сайт www.lenty.ru: <A HREF=”http://www.lenty.ru”> Найбільш цікаві новини </A>. 2 Поставити посилання на конкретну інформацію, тобто на файл, що належить іншому сайту: <A HREF=”http://www.lenty.ru/ua/01/21.html”>Наука в Україні </A>. Кожний з сайтів (www.user1.net, www.user2.com, www.user3.sumy.ua), які розміщені у межах одного сервера (хостинга),є окремим віртуальним сервером. І доступ з одного сайту на інший, розміщений у межах одного хостинг-сервера, здійснюється тільки через Інтернет. Наприклад, поставити посилання із сайту www.user3.sumy.ua на сайт www.user2.com. Це можна зробити тільки одним способом: <A HREF=”http:// www.user2.com”> www.user2.com </A> Поставити посилання із сайту www.user2.com на файл 1.html, що належить сайту www.user3.sumy.ua: <A HREF=”http:// www.user3.sumy.ua/razdel2/1.html”>1.html </A>   ЧТО ТАКОЕ УВЕРЕННОЕ ПОВЕДЕНИЕ В МЕЖЛИЧНОСТНЫХ ОТНОШЕНИЯХ? Исторически существует три основных модели различий, существующих между...  Что вызывает тренды на фондовых и товарных рынках Объяснение теории грузового поезда Первые 17 лет моих рыночных исследований сводились к попыткам вычислить, когда этот...  Что способствует осуществлению желаний? Стопроцентная, непоколебимая уверенность в своем...  Что делает отдел по эксплуатации и сопровождению ИС? Отвечает за сохранность данных (расписания копирования, копирование и пр.)... Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:
|
