Навчальний модуль

„Використання сучасних інформаційних технологій”

Індустріально-педагогічний факультет

(ІІ семестр)

Змістовий модуль №6

«Створення Web-документів»

Викладач: Алєксєєва Г.М.

Змістовий модуль 6- «Створення Web-документів»

Навчальні цілі

Створити web-сторінку з розповіддю про себе за зразками прикладів.

Методичні вказівки щодо роботи з модулем

Робота з модулем передбачає засвоєння лекційного матеріалу, участь у обговоренні питань під час семінарських занять, написання реферату (окремими студентами), самостійну роботу над окремими питаннями теми, модульний контроль у формі тестування.

Після опрацювання цих тем, студент може отримати такі бали:

Модуль №6	Поточний контроль	Лабораторна робота	Індивідуальне завдання	Самостійна робота	Підсумковий тест	Всього
„Створення Web-документів”		9б	6б	20	21б	58

Лекція 1

Тема. Створення Web-документів

План

1. Універсальна адреса ресурсу.

2. Мова розмітки гіпертексту (HTML).

3. Застосування мови HTML.

3.1. Структура документа HTML

3.2. Елементи HTML

3.3. Функціональні блокові елементи

3.4. Web-графіка

3.5. Форматування тексту

Основна література

1. Алексеев А.П. Информатика 2001. – М., «СОЛОН-Р», 2001. – 353 с.

2. Безручко В.Т. Практикум по курсу «Информатика». Работа в Windows, Word, Excel: Учебное пособие. – М.: Финансы и статистика, 2002. – 272 с.

3. Інформатика: Комп’ютерна техніка. Комп’ютерні технології: Підручник для студентів вищих навчальних закладів / За ред. О.І.Пушкаря. – К.: Видавничий центр „Академія”, серія „Альма-матер”, 2002. – 704с.

Стислий зміст лекції

Універсальна адреса ресурсу

Для того щоб одержати інформацію з Інтернету, необхідно знати адресу, за якою вона розташована. Універсальна адреса ресурсу (URL - Uniform Resourse Locator) — це адреса в системі World Wide Web, за допомогою якої однозначно визначається будь-який документ. У загальному випадку універсальна адреса ресурсу має наступний формат:

протокол://комп'ютер/шлях

Протокол є набором правил, відповідно до якого повинна відбуватися передача даних. Основним протоколом у системі World Wide Web є протокол HTTP (HyperText Trandfer Protocol) — протокол передачі гіпертексту, тому велика частина адресів починається в такий спосіб:

http://

Проте, можуть бути використані й інші протоколи передачі даних, наприклад протокол передачі файлів — FTP (File Transfer Protocol) або протокол передачі даних у форматі Gopher. Тоді на перше місце в універсальній адресі ресурсу ставиться назва використовуваного протоколу. Наприклад:

ftp:// або

gopher://

Комп'ютер — це адреса сервера, з яким необхідно установити з'єднання. Можуть використовуватися як IP-адреса (кожен вузол мережі повинен мати свою унікальну адресу, ця адреса складається з чотирьох байтів, наприклад, 192.112.36.5), так і ім'я сервера в доменній системі імен. Наприклад:

http://www.econ.pu.ru або

ftp://194.85.120.66

Адреси більшої частини серверів у системі World Wide Web починаються з префікса www. Цей префікс використовується просто як зручне позначення того, що на даному комп'ютері запущений Web-сервер.

Шлях являє собою точну вказівку місця розташування документа на Web-сервері. Це може бути назва директорії і файлу, як у наступному прикладі:

http://www.econ.pu.ru/info/history/jubilee.htm

Якщо ввести в рядку «адреса» броузера дану адресу, броузер установить зв'язок з комп'ютером www.econ.pu.ru за протоколом HTTP і запросить у нього документ із назвою jubilee.htm з каталогу /info/history.

Остання частина універсальної адреси ресурсу може включати додаткову інформацію, що звичайно використовують для того, щоб передати Web-серверові параметри запиту користувача в інтерактивних сторінках, а також шлях і ім'я тієї програми на сервері, що цей запит буде обробляти. Наприклад:

http://www.econ.pu.ru/sf/cgi - bin/main.bаt?оbject=teachers&id=1.

Одержавши такий запит, Web-сервер спробує знайти програму main.bat у каталозі /sf/cgi-bin/, запустити її і передати їй параметри object і id з відповідними значеннями.

У сучасних версіях броузерів немає необхідності вказувати ім'я протоколу на початку кожної адреси ресурсу. Якщо ім'я протоколу не зазначено, то броузер спробує самостійно визначити, який протокол необхідно використовувати. Якщо не зазначене ім'я файлу, а тільки каталог, у якому він повинний знаходитися, то користувачеві буде переданий файл, що адміністратор Web-сервера визначив як файл, переданий за замовчуванням. Звичайно таким є файл із назвою index.htm (index.html) або default.htm (default.html). Якщо в каталозі немає файлу за замовчуванням, то буде видане повідомлення про помилку. Для вказівки документів на тому самому сервері в HTML-документах часто використовується скорочене позначення, називане відносною адресою. Перед відправленням запиту на Web-сервер броузер перетворить відносна адреса в повний. Наприклад, якщо документ за адресою http://www.econ.pu.ru/info/index.htm містить посилання на документ history/jublilee.htm, те броузер перетворить це посилання в http://www.econ.pu.ru/info/history/jubilee.htm.

Мова розмітки гіпертексту (HTML)

Розміщення власних матеріалів в Інтернеті включає два етапи: підготовку матеріалів і їхню публікацію. Підготовка матеріалів складається в створенні документів, що мають формат, прийнятий в Інтернеті, тобто, Web-сторінок, написаних мовою HTML. Публікація матеріалів, тобто відкриття до них доступу, здійснюється після рішення організаційних питань, зв'язаних з одержанням дискового простору на Web-сервері для їхнього розміщення.

HTML — це мова гіпертекстової розмітки, використовувана для кодування документів. Мова HTML являє собою набір команд, відповідно до яких броузер відображає вміст документа, команди HTML не відображаються. У мові HTML реалізований механізм гіпертекстових посилань, що забезпечує зв'язок одного документа з іншими. Ці документи можуть знаходитися на тім же сервері, що і сторінка, з яким на них робиться посилання, а можуть бути розміщені на іншому сервері. Команди в тексті HTML-документа називаються тегами.

Автономні Web-документи використовують мову HTML (Hypertext Markup language -мова розмітки гіпертексту). Гіпертекст – це електронний документ, який містить гіперпосилання на інші документи. Гіпертекст, тобто розширений текст, включає додаткові елементи: ілюстрації, посилання, вставні об'єкти. Під розміткою розуміється використання спеціальних кодів, легко відокремлюваних від значеннєвого змісту документа і використовуваних для реалізації гіпертексту. Застосування цих кодів підкоряється строгим правилам, обумовленим специфікацією мови HTML.

На початку HTML була дуже простою мовою. У 1994 році Міжнародна комісія зі стандартів Internet розробила стандарт HTML 2.0. Невдовзі розробників Web-сторінок почали турбувати його обмеження. Фірми Netscape та Microsoft ввели власні коди, які надавали ширші можливості в порівнянні з версією HTML 2.0. У жовтні 1994 року засновано Консорціум W3C – некомерційну організацію, ціллю якої є розробка і реалізація стандартів HTML та WWW. До неї належить 165 комерційних та академічних організацій, у тому числі такі гіганти , як Netscape та Microsoft. Очолює її засновник WWW – Тім Бернес Лі.

Консорціум розробив стандарт HTML 3.0. Це було зроблено без участі фірм Netscape та Microsoft, тому цей стандарт і не був прийнятий. Тоді у травні 1996 року W3C розробив стандарт HTML 3.2, в вже було включено більшість додаткових кодів, введених фірмами Netscape та Microsoft. Сьогодні розробниками використовується HTML 4.0, робочий варіант якої було прийнято 8 червня 1997 року.

Особливість опису документа засобами мови HTML зв'язана з принциповою неможливістю досягнення абсолютної точності відтворення вихідного документа. Передбачається, що документ буде широко доступний в Інтернету, і тому невідомо, як буде організоване його відтворення. Документ може бути представлений на графічному екрані, виведений у чисто текстовому виді або просто «прочитаний» програмою синтезу мови. Розмітка HTML у всіх цих випадках повинна бути прийнята в увагу. Тому мова HTML призначена не для форматування документа, а для його функціональної розмітки. Наприклад, документи звичайно починаються з заголовків. Властивість частини документа «бути заголовком» - це не особливість форматування документа, а характеристика його змісту. Конкретний засіб відображення документа (броузер) вибирає свій спосіб представлення частини документа, описаної як заголовок.

Керуючі конструкції мови HTML називаються тегами і вставляються безпосередньо в текст документа. Усі теги полягають у кутові дужки <...>.

Відразу після відкриваючої дужки міститься ключове слово, що визначає тег, наприклад <DIV>. Теги HTML бувають парними і непарними. Непарні теги впливають на весь документ або визначають разовий ефект у місці своєї появи. При використанні парних тегів у документ додаються відкриваючий і закриваючий теги, що впливають на частину документа, укладену між ними. Закриваючий тег відрізняється від відкриваючою наявністю символу «/» (коса риса) перед ключовим словом (</DIV>). Закриття парних тегів виконується так, щоб дотримувалися правила вкладення.

<В> <І> На цей текст впливають два тега</І></B>

Ефект застосування тегу може видозмінюватися шляхом додавання атрибутів. У парних тегах атрибути додаються тільки до відкриваючого тегу. Атрибути являють собою додаткові ключові слова, відокремлювані від ключового слова, що визначає тег, і від інших атрибутів пробілами і розташовувані до завершального тег символу «>». Спосіб застосування деяких атрибутів вимагає вказівки значення атрибута. Значення атрибута відокремлюється від ключового слова атрибута символом «=» (знак рівності) і поміщується у лапки.

<Н1 ALIGN="LEFT">

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

Якщо говорити про створення документів HTML, то можна уявити собі два способи їхнього формування. Перший складається з розмітки існуючих (або створюваного) документа вручну. При цьому автор або редактор додає в документ теги розмітки. Цю роботу можна виконувати в текстовому редакторі або редакторі HTML, що має спеціальні елементи керування для спрощення введення тегів. В обох цих випадках робота ведеться засобами мови HTML, і людина, що виконує цю роботу, повинний знати і вміти застосовувати ця мова.

Принципи іншого підходу можна зрозуміти на основі вивчення роботи текстових процесорів. Інформацію про форматування документа також можна розглядати як «розмітку», що додається у форматуємий документ. Однак для використання текстового процесора не потрібно ніяких знань про формат документа і «мові розмітки»: зміни, відображувані на екрані, вносяться в документ автоматично. Такий принцип відповідності екранного зображення реальному одержав назву WYSIWYG (від англійського What You See Is What You Get — Що бачите, те й одержуєте). Найпростіший редактор WYSIWYG для мови HTML, FrontPage Express, входить до складу операційної системи Windows 98.

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

Процес створення Web-документів те саме що програмування і так само піддане помилкам. Незалежно від того, яким способом створюється документ, варто регулярно перевіряти його відповідність задумові, переглядаючи його в різних броузерах. Для художньої оцінки сторінки, що виходить, варто звернутися до незалежної думки.

Застосування мови HTML

Структура документа HTML

Усі документи HTML мають ту саму структуру, обумовлену фіксованим набором тегів структури. Документ HTML завжди повинний починатися з тегу <HTML> і закінчуватися відповідної закриваючої тегом (</HTML>). Усередині документа виділяються два основних розділи: розділ заголовків і тіло документа, які розміщуються саме в такому порядку. Розділ заголовків містить інформацію, що описує документ у цілому, і обмежується тегами <HEAD> і </HEAD>. Зокрема, розділ заголовків повинний містити загальний заголовок документа, обмежений парним тегом <TITLE>.

Основний зміст розміщається в тілі документа, що обмежується парним тегом <BODY>. Строго говорячи, положення структурних тегів у документі неважко визначити, навіть якщо вони опущені. Тому стандарт мови HTML вимагає тільки наявності тегу <TITLE> (і, відповідно, </TITLE>). Проте, при створенні документа HTML опускати структурні теги не рекомендується.

Найпростіший правильний документ HTML, що містить усі теги, що визначають структуру, може виглядати таким чином:

<HTML>

<НЕАD><ТIТLЕ> Заголовок документа </ТITLE><НЕАD>

<BODY>

Текст документа

</BODY>

</HTML>

Елементи HTML

Для парних тегів область впливу визначається частиною документа між відкриваючим і закриваючої тегом. Таку частину документа розглядають як елемент мови HTML. Так, можна говорити про «елемент BODY», що включає тег <BODY>, основний зміст документа і закриваючий тег </BODY>. Весь документ HTML можна розглядати як «елемент HTML». Для непарних тегів елемент збігається з тегом, що його визначає.

Більшість елементів мови HTML описує частини змісту документа і міститься між тегами <BODY> і </BODY>, тобто, усередину структурного елемента BODY. Такі елементи поділяють на блокові і текстові. Блокові елементи відносяться до частин тексту рівня абзацу. Текстові елементи описують властивості окремих фраз і ще більш дрібних частин тексту.

Тепер можна сформулювати правила вкладення елементів.

• Елементи не повинні перетинатися. Іншими словами, якщо відкриваючий тег розташовується усередині елемента, те і відповідний закриваючий тег повинний розташовуватися усередині цього ж елемента.

• Блокові елементи можуть містити вкладені блокові і текстові елементи.

• Текстові елементи можуть містити вкладені текстові елементи.

• Текстові елементи не можуть містити вкладені блокові елементи.

Строго говорячи, усі правила мови HTML можна розглядати винятково як «побажання». Засіб, використовуваний для відображення Web-документа, зробить усе можливе, щоб витлумачити розмітку найбільш розумним образом. Проте, гарантію правильного відтворення документа дає тільки неухильне проходження вимогам специфікації мови.

Функціональні блокові елементи

У більшості документів основними функціональними елементами є заголовки й абзаци. Мова HTML підтримує шість рівнів заголовків. Вони задаються за допомогою парних тегів від <Н1 > до <Н6>. При відображенні Web-документа на екрані комп'ютера ці елементи показуються за допомогою шрифтів різного розміру.

Звичайні абзаци задаються за допомогою парного тегу <Р>. Мова HTML не містить засобів для створення абзацного відступу («нового рядка»), тому при відображенні на екрані комп'ютера абзаци розділяються порожнім рядком. Закриваючий тег </Р> розглядається як необов'язковий. Мається на увазі, що він стоїть перед тегом, що задає початок чергового абзацу документа. Наприклад:

<Н1> Заголовок </Н1>

<Р> Перший абзац <Р> Другий абзац

<Н2>Заголовок другого рівня</Н2>

Наслідком наявності спеціального тегу, що визначає абзац, є той факт, що звичайного символу кінця рядка, що вводиться по натисканню клавіші ENTER, для створення абзацного відступу недостатньо. Мова HTML розглядає символи кінця рядка і пробіли особливим образом. Будь-яка послідовність, що складається тільки з пробілів і символів кінця рядка, при відображенні документа розглядається як одиночний пробіл. Це, зокрема, означає, що символ кінця рядка навіть не здійснює переходу на новий рядок (для цієї мети використовується текстовий елемент, що задається непарним тегом <BR>).

Як обмежник абзаців може також використовуватися горизонтальна лінійка. Цей елемент задається непарним тегом <HR>. При відображенні документа на екрані лінійка розділяє частини тексту друг від друга. Її довжина і товщина задаються атрибутами тега <HR>.

<HR ALIGN="RIGHT" SIZE="10" WIDTH="50%">

Цей тег створює горизонтальну лінійку шириною в 10 пикселів, яка займає половину ширини вікна і розташовану праворуч.

Гіпертекстові посилання

Гіпертекстове посилання є фрагментом тексту документа і потом. задаються текстовим елементом, обумовленим за допомогою парного тегу <А>. Цей елемент містить обов'язковий атрибут, що не може бути опущений. У даному випадку обов'язковим є атрибут HREF= (знак рівності показує, що необхідно задати значення цього атрибута).

Як значення атрибута використовується адреса URL документа, на який указує посилання. Вона може вказувати на довільний документ, що розташовується на будь-якому загальнодоступному вузлі мережі (Web-вузол, архів FTP та інші). Наприклад, що відкриває тег посилання може мати вигляд <А HREF="http://www.site.com/index.htm">.

Адреса URL може бути заданий в абсолютній формі, тобто починатися з вказання протоколу й адреси Web-вузла. Такий запис адреси використовується, коли необхідно направити відвідувача на інший Web-вузол, і розглядається як зовнішнє посилання При використанні відносної адреси в посиланні задається тільки відносний шлях пошуку для документа. У цьому випадку передбачається використання того ж протоколу і того ж Web-вузла, а посилання розглядається як внутрішнє. Внутрішнє посилання зберігає свою працездатність у випадку зміни адреси Web-вузла як цілого (наприклад, у результаті його переносу на інший сервер), тому при потенційній можливості такої події варто відмовлятися від повного завдання адрес у гіперпосиланнях.

Гіперпосилання можна використовувати для посилання на мультимедійні файли. Це зручно, тому що в цьому випадку не приходиться чекати завантаження мультимедійних файлів при роботі з даною сторінкою. Якщо ж потрібне інтегрування об'єктів мультимедіа в Web-сторінку, використовують парний тег <OBJECT> або нестандартний непарний тег <EMBED>, що теж підтримується найбільш розповсюдженими броузерами.

Повний формат гіперпосилання включає можливість посилання на певне місце на сторінці. Але це можна зробити для сторінок власної розробки, позначивши відповідне місце за допомогою якоря. Якір задається також за допомогою , парного тегу <А>, але в ролі обов'язкового виступає атрибут NAME=. Значення цього атрибута — довільна послідовність латинських букв і цифр (пробіли неприпустимі), розглянута як ім'я якоря. Для посилання на якір його ім'я вказується наприкінці адреси URL після символу «#».

<А HREF="http://www site.com/index.htm#address">

Web-графіка

Графічні ілюстрації в більшості випадків є невід'ємною частиною Web-документів. Сьогодні графічні елементи Web-сторінок використовують два основних формати — GIF та JPEG (новий формат PNG поки ще не можна вважати загальноприйнятим) Усі графічні броузери, призначені для відображення Web-сторінок на екрані комп'ютера, здатні розпізнавати і відображати файли цих форматів.

Для підготовки зображень можна використовувати будь-як графічний редактор, наприклад стандартний додаток Paint (у Windows 98), що дозволяє зберігати файли в цих форматах.

Файли формату GIF (Graphic Interchange Format) мають розширення .GIF. Зображення в цьому форматі містять 256 кольорів, заданих індексною палітрою. Файл упакований і може займати значно менше місця, ніж упакований растровий малюнок (наприклад, у форматі .BMP).

Специфікація формату GIF89a дозволяє створювати файли .GIF, що володіють спеціальними можливостями.

• Один із кольорів зображення може бути оголошений прозорим. Це означає, що у відповідних місцях крізь нього буде переглядати фон Web-сторінки, що дозволяє задати не тільки прямокутну форму малюнка, але і робить його більш природним.

Черезстрочні зображення при їхньому прийомі з Інтернету прорисовуються поступово, спочатку грубо, а потім усе більш і більш чітко. Це «скрадає» час, необхідне на їхнє завантаження з Інтернету, особливо при прийомі інформації по повільних лініях.

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

Для створення файлів .GIF, що використовують ці розширені можливості, необхідний графічний редактор, більш могутній, ніж програма Paint. Для створення GIF-анімації використовують спеціальні засоби.

Файли формату JPEG (Joint Photographic Expert Group — за назвою групи дослідників, що запропонувала цей формат, читається «джей-пег») можуть мати розширення JPEG або JPG. Формат призначений для збереження фотографічних зображень, що використовують 24-розрядний колір. При конвертуванні у формат JPEG відбувається втрата частини інформації, що приводить до деякого погіршення якості зображення, звичайно непомітному на око.

При виборі формату зображення в першу чергу беруть до уваги обсяг файлу, що виходить, і в другу - якість зображення. При завантаженні Web-документа левину частку часу займає саме завантаження ілюстрацій, так що вітається будь-яка економія. При виборі формату рекомендується створити два файли: у форматі GIF чи у форматі JPEG з мінімально прийнятною якістю після чого вибрати варіант, що має менший обсяг.

Малюнки зберігаються на Web-вузлах в окремих файлах, але відображаються як елементи Web-сторінок. Для вставки малюнка використовується текстовий елемент, який задається непарним тегом <IMG>. Тег <IMG> повинний містити обов'язковий атрибут SRC=, який задає адресу URL файлу з зображенням у відносній або абсолютній формі.

<IMG SRC="picture1 .gif">

При відображенні малюнка броузер за замовчуванням використовує його реальні розміри). Якщо малюнок необхідно відмасштабувати, застосовують атрибути WIDTH= і HEIGH=, які задають ширину і висоту малюнка (у пикселях), відповідно. Якщо ці параметри задані, то броузер може визначити, яке місце треба виділити для відображення малюнка, ще до того, як малюнок завантажений. Це трохи прискорює відображення сторінки, що завантажується, так що зручно задавати ці атрибути завжди.

<IMG SRC="picture2.jpg" WIDTH="100" HEIGHT="40">

Зовнішній вигляд Web-сторінки залежить від того, як саме малюнок розташовується на ній. Тому що малюнок задається як текстовий елемент, що знаходиться усередині якогось абзацу, за замовчуванням він розглядається як убудоване зображення, що включається в рядок тексту. Щоб зображення відображалося автономно, його включають в окремий абзац.

Для зображення, що дійсно включено в рядок, можна задати режим взаємодії з текстом за допомогою атрибута ALIGN=.

<IMG SRC="picture3.gif" ALIGN="BOTTOM">)

Цей атрибут може приймати три значення:

• якщо задано ALIGN="BOTTOM", то нижня границя зображення сполучається з підставою текстового рядка;

• якщо задано ALIGN="MIDDLE", те середина зображення сполучається із серединою текстового рядка;

• якщо задано ALIGN="TOP", те верхня границя зображення вирівнюється по верхньому обрізу текстового рядка.

Однак більш краще використання «зображення, що плаває», обтічним текстом, що також досягається використанням атрибута ALIGN=:

• якщо задано ALIGN="LEFT", то зображення розміщається в лівого краю сторінки, а наступний текст розміщається праворуч від нього;

• якщо задано ALIGN="RIGHT", то зображення розміщається у правого краю сторінки, а наступний текст розміщається ліворуч від нього.

У цьому випадку рекомендується поміщати тег <IMG> у самий початок відповідного абзацу.

Однак нормальний режим обтікання вимагає, щоб між текстом і зображенням залишався деякий проміжок. Задати величину цього проміжку можна за допомогою атрибутів HSPACE= (по горизонталі) і VSPACE= (по вертикалі). Розміри задаються в пикселях.

Створюючи ілюстровані сторінки, не слід забувати, що не усі зможуть побачити ці ілюстрації. Читачів, що не мають адекватного засобу перегляду, можна ознайомити зі змістом ілюстрацій за допомогою альтернативного тексту. Альтернативний текст задається як значення атрибута ALT= і відображається замість картинки, якщо вона з якихось причин не може бути виведена.

Тому що зображення задається як текстовий елемент, воно може бути поміщене усередину іншого текстового елемента, наприклад, що задає гіперпосилання (тег <А>). У цьому випадку зображення стає зображенням-посиланням. При відображенні документа на екрані комп'ютера таке зображення відрізняється синьою рамкою і зміною форми покажчика при наведенні.

Ще один спосіб застосування зображень на Web-сторінках складається у використанні їх як фоновий малюнок. При відображенні документа, що містить фоновий малюнок, на комп'ютері робоча область вікна заповнюється цим малюнком послідовно (як паркетом), вважаючи від верхнього лівого кута документа або вікна. Фоновий малюнок задається за допомогою атрибута BACKGROUND= у тегі <BODY>. Значенням цього атрибута повинна бути абсолютна або відносна адреса URL для файлу з зображенням.

<BODY BACKGROUND="waves.gif” TEXT="YELLOW">

Форматування тексту

Керування форматуванням тексту не є основною задачею мови HTML, і тому текстові елементи, що виконують цю задачу, починаючи з версії HTML 4.0 розглядаються як застарілі, і їхнє використання не рекомендується. Однак поки ще вони є найбільш зручним способом керування представленням документа на екрані комп'ютера.

Парний тег <FONT> дозволяє керувати параметрами шрифту. Він повинний обов’язково містити хоча б один із трьох атрибутів: COLOR=, FACE= або SIZE=.

<FONT SIZE="6">

Атрибут COLOR= задає колір тексту, що може бути заданий текстовим значенням (наприклад, COLOR="GREEN") або шістнадцятирічним кодом, у якому послідовні байти задають значення червоний, зелений і синій складовий кольори (COLOR="#00FF00" дає той же результат, що і COLOR="GREEN"). Атрибут FACE= задає гарнітурові шрифту. Значення цього атрибута порівнюється з іменами шрифтів, що встановлені на комп'ютері. Атрибут SIZE= визначає розмір шрифту у відносних одиницях (від 1 до 7). Для цього атрибута можна визначати значення зі знаком (плюс або мінус), що визначає збільшення або зменшення шрифту щодо поточного розміру.

Параметри шрифту, використовувані в документі за замовчуванням, задають за допомогою непарного тегу <BASEFONT>, що поміщають один раз усередині елемента BODY. Він може використовувати ті ж атрибути, що і тег <FONT>.

Накреслення символів задається за допомогою парних тегів <В> (напівжирний шрифт), <І> (курсив), <U> (підкреслений текст) <S> (перекреслений текст). Їх використання не рекомендується. Замість них варто застосовувати елементи фрази, що описують функціональні особливості тексту, наприклад замість

<В> Зверніть увагу! </В> краще написати

<STRONG> Зверніть увагу! </STRONG>

Так, парний тег <CITE> призначений для відображення цитат (виводяться курсивом). Парні теги <EM> (виділення) і <STRONG> (сильне виділення) є функціональними аналогами курсивного і напівжирного накреслень. Крім того, мова HTML містить набір елементів для опису роботи комп'ютерних програм. Для цієї мети використовують парні теги <CODE> (вихідний текст програми), <KBD> (текст, що вводиться з клавіатури), <SAMP> (приклад виведення програми) і <VAR> (програмні перемінні). Для виведення відповідних елементів використовується моноширинний шрифт. Крім того, змінні виводяться курсивом, а клавіатурне введення (у деяких броузерах) — напівжирним шрифтом.

ОСНОВНІ АТРИБУТИ КОНТЕЙНЕРА <BODY>

АТРИБУТИ	ПРИЗНАЧЕННЯ
ALINK	Визначає колір, яким виділяється активне гіперпосилання
BACKGROUND	Вказує URL зображення, яке слід використовувати як фон документа
BGCOLOR	Визначає колір фону документа
LINK	Визначає колір гіперпосилання, яке не було «відвідане»
TEXT	Визначає колір тексту документа
VLINK	Визначає колір гіперпосилання, яке було «відвідане»