
- •Лабораторна робота 1: Частина 1: html. Поняття про мову. Головні теги Теорія:
- •Структура html-документа
- •Назва документу
- •Тіло документа
- •Завдання
- •Частина 2: Форматування тексту, робота з кольором Теорія: Кольорове оформлення документа
- •Поділ тексту на абзаци
- •Горизонтальні лінії
- •Форматування гіпертексту
- •Логічне форматування
- •Фізичне форматування
- •Попередньо відформатований текст
- •Завдання:
- •Частина 3: Робота із зображеннями, навігація по документу Теорія: Використання графіки в html-документах
- •Гіперпосилання
- •Абсолютний і відносний url
- •Гіперпосилання в межах одного документа
- •Посилання на поштову скриньку
- •Завдання:
Поділ тексту на абзаци
Мова HTML припускає, що автор документа нічого не знає про комп'ютер свого читача. Читач має право встановити будь-який розмір вікна і користуватися будь-яким з наявних у нього шрифтів. Це означає, що місце перенесення в рядку визначається тільки програмою перегляду й установками кінцевого користувача. Символи переведення рядка оригінального документа ігноруються, в результаті чого текст, відмінно виглядала у вікні вашого редактора, може перетворитися на суцільний нерозбірливі текст у вікні програми перегляду.
Уникнути цієї неприємності дозволяє поділ на абзаци за допомогою тега <Р>. Додайте його на початку кожного абзацу, і програма перегляду відділить абзаци один від одного символом нового рядка. Використання закриває тега </P> необов'язково. Кілька стоять поспіль тегів <Р> не дають додаткового простору між абзацами.
Тег абзацу має один атрибут, підтримуваний більшістю браузерів. Це атрибут ALIGN, що задає вирівнювання тексту в абзаці. Якщо цей атрибут не заданий, то текст вирівнюється по лівому краю вікна браузера. У таблиці представлені можливі значення цього атрибуту:
Значення |
Функція |
LEFT |
Вирівнювання тексту по лівій межі вікна браузера |
CENTER |
Вирівнювання по центру вікна браузера |
RIGHT |
Вирівнювання по правій межі вікна браузера |
JUSTIFY |
Вирівнювання тексту по ширині вікна браузера |
Приклад
Якщо ви хочете, щоб текст абзацу був вирівняний по центру, потрібно написати наступне: <P ALIGN=CENTER> Текст </P> Розрив рядка
Іноді потрібна "розірвати" текст, перенісши його залишок на новий рядок, при цьому не виділяючи нового абзацу. Для цього використовується тег розриву рядка <BR>. Він змушує програму перегляду виводити стоять після нього символи з нового рядка. На відміну від тега абзацу, тег <BR> не додає порожній рядок. У цього тега немає парного закриваючого тега.
Приклад
<HTML>
<HEAD>
<TITLE> Йосип Бродський </TITLE>
</HEAD>
<BODY TEXT=black BGCOLOR=white>
Звідки до нас прийшла зима, <BR>
не знаєш ти, ніхто не знає.
<P>
Замовкла все. Вона сама <BR>
холодних вуст розтискає.
</BODY>
</HTML>
Деякі браузери інтерпретують кілька стоять поруч тегів <BR> як один тег, тому не варто використовувати його для вставки порожніх рядків.
Бувають випадки, коли виникає потреба в операції протилежного призначення - заборонити переклад рядка. Текст, укладений між тегами <NOBR> і </NOBR>, буде гарантовано розташовуватися в одному рядку без переносу на іншу.
Горизонтальні лінії
Іншим методом розділення документа на частини є проведення горизонтальних ліній. Вони візуально підкреслюють завершеність тієї чи іншої області сторінки. Тег <HR>дозволяє провести рельєфну горизонтальну лінію у вікні більшості програм перегляду. Цей тег не вимагає закриває тега. До і після лінії автоматично вставляється порожня рядок. Атрибути тега <HR> представлені в таблиці.
Атрибут |
Призначення |
ALIGN |
Вирівнює по краю або центру; має значення LEFT, CENTER, RIGHT |
WIDTH |
Встановлює довжину лінії в пікселах або відсотках від ширини вікна браузера; в останньому випадку додається символ % |
SIZE |
Встановлює ширину лінії в пікселах |
NOSHADE |
Відміняє рельєфність лінії |
COLOR |
Вказує колір лінії; використовується найменування кольору або шістнадцятковий код |