Вправа 3. Прийоми форматування тексту

1. Відкрийте документ first.html у текстовому редакторі.

2. Видалите весь текст, що перебуває між тегами < BODY> і < /BODY>.

3. Доповніть тег < BODY> параметрами TEXT=" BROWN" BGCOLOR=" #909090" (отримається

< BODY TEXT=" BLUE" BGCOLOR=" #909090" >). Він задає виведення тексту коричневим

кольором та змінює колір фону.

4. Введіть наступний абзац тексту, розмістивши його між тегами < Р> та < /P>: „Цей текст має синій

колір”.

5. Введіть теги: < Р> < FONT SIZE=" -2" FACE=" ARIAL" COLOR=" #008000" >.

6. Введіть наступний абзац тексту, закінчивши його тегом < /FONT>: „Цей текст має зелений колір

та менший розмір”.

7. Введіть ще текст: „Повернулися до шрифту за замовчуванням” і закінчить його тегом < /P>.

8. Введіть в наступному абзаці такий текст:

Стандартний < BR>

< В> Напівжирний < /В> < BR>

< І> Курсив < /I> < BR>

< В> < І> Напівжирний курсив < /I> < /В> < BR>

< U> Підкреслений текст < /U> < BR>

< S> Закреслений текст < /S> < BR>

< BIG> Великий шрифт < /BIG> Стандартний шрифт < SMALL> Маленький шрифт < /SMALL>

< BR>

< SAMP> Однорозмірний (телетайпний) шрифт < /SAMP> < BR>

Формула параболи y=x< SUP> 2< /SUP> < BR>

Формула води - H< SUB> 2< /SUB> О < BR>

9. Збережіть отриманий документ під іменем format.html.

10. Викличте документ format.html для перегляду в браузері. Вивчіть, як використані елементи

HTML впливають на спосіб відображення тексту.

Зауваження. ____________Відображення шрифтів в документі не завжди є універсальним. Воно може

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

5

Фізико математичний факультет, кафедра Інформатики і ОТ

Тег Призначення Примітка

< FONT> Встановлення параметрів шрифту Парний

< В> Напівжирний шрифт Парний

< І> Курсив Парний

< U> Підкреслений Парний

< S> Закреслений Парний

< BIG> Збільшений шрифт Парний

< SMALL> Зменшений шрифт Парний

< SAMP> Однорозмірний шрифт Парний

< SUP> Верхній індекс Парний

< SUB> Нижній індекс Парний

Тег < FONT> має наступні параметри:

1. FACE – визначає тип шрифту, яким буде виводитись текст. Наприклад, тег

< FONT FACE=" Decor, Tunga" > означає, що якщо на комп’ютері встановлено шрифт Decor, то

він буде застосований до цього тексту, інакше браузер застосує шрифт Tunga. Якщо ж обидва

шрифти відсутні, то браузер використає деякий свій стандартний шрифт, наприклад Times

New Roman.

2. SIZE – визначає розмір шрифту, яким буде виводитись текст. Розміри символів шрифту

можуть бути від 1 до 7. Розмір 3 вважається стандартним, він орієнтовно відповідає 10

пунктам. Розмір 7 — найбільший. Число 2 як значення параметра SIZE означає другий розмір

шрифту, число +2 означає, що розмір шрифту має бути на дві одиниці більший, аніж

стандартний, тобто п'ятий, число -2 означатиме на дві одиниці менший, аніж стандартний,

тобто перший розмір шрифту.

3. COLOR – визначає колір шрифту, яким буде виводитись текст. Різних можливих відтінків цих

кольорів є 16 мільйонів. Відтінки задають спеціальними шістнадцятковими кодами, що

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

сірого кольору має код #ff7800. Тут ff означає інтенсивність червоного кольору (максимальна

інтенсивність), 78 – зеленого, 00 – синього (мінімальна інтенсивність). Основні кольори мають

такі назви та коди:

Параметр Колір Код Параметр Колір Код

black чорний #000000 green зелений #008000

navy темно-синій #000080 teal бірюзовий #008080

silver срібний #C0C0C0 lime яскраво-

зелений

#00FF00

blue синій #0000FF aqua блакитний #00FFFF

maroon бордовий #800000 olive темно-зелений #808000

purple бузковий #800080 gray темно-сірий #808080

red червоний #FF0000 yellow жовтий #FFFF00

fushsia рожевий #FF00FF white білий #FFFFFF

6

Фізико математичний факультет, кафедра Інформатики і ОТ

Зауваження. Іноді існує необхідність використати в тексті символи які відсутні на клавіатурі

або з деяких причин не можуть безпосередньо записані в тексті програми, зокрема нерозривний

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

починаються символом & та закінчуються крапкою з комою. Деякі з таких послідовностей подаються

в наступній таблиці:

Послідовність Призначення

& lt; Символ „< ”

& gt; Символ „> ”

& amp; Символ „& ”

& quot; Подвійні лапки

& nbsp; Нерозривний пропуск

& copy; знак авторського права ©

& reg; знак охороняємої торгової марки ®

& trade; знак зареєстрованої торгової марки ™

Вправа 4. Створення списків.

Існує три типи списків: ненумерований (маркований), нумерований та тлумачення. Список

може мати заголовок, який охоплюють тегами < LH>...< /LH>, наприклад: < LH> Це заголовок списку

< /LН>.

Ненумерований (маркований) список утворюють за допомогою парного тегу

< UL>...< /UL> з необов'язковим параметром TYPE і одинарних тегів < LI>.

Нумерований список створюють за допомогою парного тегу < OL>... < /OL> з необов'язковим

параметром TYPE і одинарних тегів < LІ>.

Список тлумачення використовується для пояснення термінів, створення словників тощо. Його

утворюють за допомогою парного тегу < DL>...< /DL> і двох одинарних тегів < DT> – термін, і < DD> –

тлумачення терміну. В останній час такі списки використовуються досить рідко.

Тег Призначення Примітка

< LH> Заголовок списку Парний

< UL> Початок ненумерованого списку Парний

< OL> Початок нумерованого списку Парний

< DL> Початок списку тлумачень Парний

< LI> Новий елемент списку Непарний

Теги < UL> та < OL> мають параметр TYPE, який визначає вид нумерації або маркування

списку: