1.5.5. Заголовки

Заголовки можуть мати шість різних розмірів. <H x >Заголовок < / x > Де x - число від 1 до 6. Заголовок з номером 1 є найбільшим. Заголовок з номером 6 є самим дрібним.

Основним параметром є align, який задає вирівнювання заголовка щодо вікна Web-браузера. Параметр може приймати такі значення:

· center – вирівнювання по центру;

· left - вирівнювання по лівому краю (за замовчуванням);

· right - вирівнювання по правому краю;

1.5.6. Розподіл на абзаци

Тег <P> дозволяє зробити розбиття тексту на окремі абзаци. Web-браузери відокремлюють абзаци один від одного за допомогою нового рядка. Закриваюшую тег </ P> не обов'язковий.

Основним параметром є align, який задає горизонтальне вирівнювання. Параметр може приймати такі значення:

· center – вирівнювання по центру;

· left - вирівнювання по лівому краю (за замовчуванням);

· right - вирівнювання по правому краю;

· justify – вирівнювання по ширині (по двом бокам)

Контрольні запитання

1. Що являє собою HTML та які дії часто доводиться виконувати при створенні документа і що для цього потрібно?

2. Що описують теги, чим вони виділяються, які бувають та що можуть мати?

3. За допомогою чого можна переглядати HTML-документи, як вони відображаються та як називається результат інтерпретації HTML-документа?

4. В якому форматі зберігається введений текст?

5. Якщо після редагування початкового тексту збережемо його, як можна в Web-браузері оновити Web-сторінку?

6. Що дозволяє визначити Web-браузеру тег < HTML >?

7. З яких розділів складається HTML-документ та що вони означають?

8. Який тег є даним обов'язковим тегом в розділі HEAD та яке його призначення?

9. За допомогою одинарного тега <META> можна задати:

10. Що знаходиться в розділі < BODY > та його параметри?

11. Які HTML-еквіваленти найбільш часто використовуються?

12. Що визначає тег < FONT > та які його параметри?

13. Які теги використовуються для виведення розміру тексту?

14. Для чого використовуються теги логічного форматування та їх основні типи?

15. Якими є теги <STRONG> і <EM>, для чого використовуються?

16. Який тег використовується для поділу рядків?

17. Яким тегом можна скористатися для виведення тексту в тому ж вигляді, що й у вихідному коді?

18. Який тег використовується для заборони перенесення рядка?

19. Який тег дозволяє провести горизонтальну лінію та його параметри?

20. Який тег дозволяє зробити розбиття тексту на окремі абзаци та основний параметр, який задає горизонтальне вирівнювання?

Методичні рекомендації до виконання практичної роботи №2

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

2.1. Списки

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

2.1.1. Марковані списки

Маркований список розміщують всередині пари тегів <UL> і </ UL>. Перед кожним рядком списку необхідно помістити одиночний тег <LI>. У лістингу 2.1 представлена структура маркованого списку.

Тег <UL> параметр type - дозволяє задати значок, яким відмічаються рядки списку. Параметр може приймати такі значення:

2.1.2. Нумеровані списки

Нумерований список поміщають всередині пари тегів <OL> і </ OL>. Перед кожним рядком списку необхідно помістити одиночний тег <LI>. У лістингу 2.1 представлена структура нумерованого списку.

Тег <OL> має два параметри - type - дозволяють задати формат, яким нумеруються рядки списку. Параметр може приймати такі значення:

· 1 - нумерує рядки арабськими цифрами (за замовчуванням).

Другий параметр тега <OL> - start - задає номер, з якого буде починатися нумерація рядків. Тег <LI> також має параметр - value - дозволяє змінити номер даного елемента списку. У прикладі Лістингу 2.3 «Перший рядок» матиме номер 5, «Другий рядок» - номер 1, а «Третій рядок» - номер 2.

2.1.3. Вкладені списки

Для отримання більш складної структури можна вкласти один список в інший. Наприклад, щоб отримати таку структуру

1. Перший рядок

a. Другий рядок

b. Третій рядок

2 . Четвертий рядок

треба написати код, представлений у лістингу 2.4

2.2. Графіка

Застосування графіки робить Web-сторінку візуально привабливішою. Зображення допомагають краще передати суть і зміст документа.

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

В Інтернеті застосовуються графічні формати GIF, JPEG, і PNG. Крім того, GIF-файл може містити анімацію.