Практична робота №4

Мета: Навчитися застосовувати на прак­тиці теги вирівнювання тексту на сторінці та теги зміни зображення символів у випадку виділення смислових фрагментів сторінки.

Теоретична частина Параметри вирівнювання тексту

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

можливості з вирівнювання елементів на сторінці. Вирівнювати можна заголовки, текст, лінії, графічні елементи. Теги вирівнювання, зазвичай, парні.

<LEFT> . </LEFT> — вирівнювання тексту по лівому краю сторінки.

<RIGHT> . </RIGHT> — вирівнювання тексту по правому краю сторінки.

<CENTER> . <CENTER> — вирівнювання текс­ту по середині сторінки.

Властивості вирівнювання тексту має й елемент параграф: <Р align=Left >...</P> —.

align= Left — атрибут вирівнювання тексту в ме­жах параграфа [значення: Right, Center, Justify].

<BR> — обриває рядок і починає новий.

clear=Left — вирівнювання об'єктів щодо тексту [значення: None, Right, All].

Зміна зображення символів

На WEB-сторінках можна використовувати весь набір зміни зображення символів. Використання рі­зних стилів зображення символів дозволяє виділи­ти або звернути особливу увагу відвідувача на окре­мі важливіші фрагменти сторінки.

<В>...</В> — виділення напівжирним шрифтом.

<І>...</І> — виділення курсивом.

<SUB>~.</SUB> — нижні індекси.

<SUP>~.</SUP> — верхні індекси.

Порядок виконання роботи

1. Відкрийте сторінку «Перший досвід» для ре­дагування HTML-коду.

2. Змініть вирівнювання елементів сторінки:

•для заголовків використовуйте теги вирівнювання;

•для параграфів задайте атрибут align, наприк­лад, так:

Радий вітати Вас на моїй сторінці.

Я — Сергій.

Не судіть мене суворо — це мій перший досвід у створенні web-сторінок, але я зобов'язуюся старанно освоювати ази Web-дизайну, постійно вдосконалювати й оновлювати свою сторінку.

Мій учитель сподівається, що в кінці року йому не соромно буде дивитися на моє творіння.

3. Збережіть зміни в програмі Блокнот і прогля­ньте результат у браузері. Вирівнювання парагра­фів і абзаців змінилося відповідно до форматування.

4. Змініть зображення фрагментів сторінки, до­давши на сторінку курсив, наприклад, так:

Не судіть мене суворо — це мій перший досвід у створенні web-сторінок, але я зобов'язуюся старанно освоювати ази Web-дизайну, постійно вдосконалювати й оновлювати свою сторінку.

Мій учитель сподівається, що в кінціроку йому не соромно буде дивитися на моє творіння.

•у розділ «Учитися, учитися і вчитися» додайте текст, зберігши форматування зразка:

Для тренування:

Я жайворонок лягаю спати о 22⁰⁰

Формула сірчаної кислоти H₂SO₄

5. Збережіть зміни в програмі Блокнот і прогляньте результат у браузері. Зображення символів на сторінці змінилося відповідно до заданого форматування.

Практична робота №5

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