
- •З предмету _______“Web-технології та Web-дизайн”___________
- •Завдання на курсову роботу студента
- •1 Постановка задачі
- •2 Вступ
- •3 Теоретичні відомості
- •3.1. “Голова” документа
- •3.2. "Тіло" документа
- •3.3. Таблиці
- •3.4. Абзаци
- •3.5. Розмір шрифту
- •3.6. З'єднання з іншими документами
- •3.7. Фрейми
- •4. Карта сайту
- •5 Приклад тестування та результату роботи програми
- •Висновок
- •Література
- •Додаток а (Обов’язковий) Лістинг основної програми
3.4. Абзаци
На відміну від текстових документів переривання рядків в HTML-файлах не істотні. При прогляданні HTML-джерела в текстовому редакторі обривши рядки може відбуватися в будь-якому місці, але при перегляді в браузері це переривання буде проігноровано. Замість 68 пропусків браузер покаже в тексті тільки один, так що в цьому плані особливо можете не напружуватися, якщо тільки ви не використовуєте Авторський стиль.
Розбиття документа на складові задається за допомогою таблиць, міток форматування: <p> і </p> (від paragraf) а також <br> (від break). (Окрім цього можлива вставка примусових пропусків за допомогою команди: (no break space) - для кожного пропуску.)
Звичайний текст рекомендується розташовувати в абзацах:
<p> текст</p>
В цьому випадку він буде виділений новим рядком. (Закриваючий тег необов'язковий. У випадку якщо він пропущений, наступний абзац почнеться з наступною відкриваючою мітки <P>, проте його вживання іноді доцільне, напри
клад для переривання вирівнювання)
Редагування тексту усередині абзацу може проводиться із застосуванням Логічних і Фізичних стилів форматування, причому Фізичні стилі для Чайника як бальзам на душу... Логічні - же вимагають чималого досвіду в обігу з різними браузерами.
Величезне значення в HTML має нагоду вирівнювання. Наприклад наступний рядок: <P ALIGN="CENTER"> Вирівнювання по центру</P> видасть на екрані :
Вирівнювання по центру
Для align допустимі значення: "сеnter", "right" і "justify"(рівномірний розподіл по всій довжині рядка. тільки для тексту). За умовчанням, браузер сам рівняє всі елементи по лівому краю. Вирівнювання може застосуються до тегам: <p>,<table>, до картинок і заголовків .
Так-же в HTML існує спеціальний тег вирівнювання: <сеnter>...</center> . Все що розташовано між цими мітками буде вирівняно так, як і по команді <p align="center">
3.5. Розмір шрифту
Для виділення заголовків в тексті існує мітка <Hрозмір>...заголовок...</H Hрозмір > (від head- голова). Де розмір заголовка міняється від 1 до 6 в порядку убування.(1- найкрупніший) Наприклад заголовок цього параграфа в HTML виглядає так:
<h4>розмір шрифта</h4>
Приведений тег виділяє свій заголовок відступом рядків. До нього можна застосовувати вирівнювання:
<h5 align="right">Заголовок п'ятого рівня</h5> (Закриваючий тег обов'язковий.)
Розмір шрифту в решті тексту задається за допомогою команд <font
size="n"> ... </font> Теги можуть бути вкладені один в одного в нескінченній
кількості. (не забувайте тільки їх правильно закривати!) Значення для n можуть лежати в межах від 1 до 7 за збільшенням розміру шрифту (протилежно розмірам заголовків) наприклад:
<p align="center"> <font size="5">Розмір шрифту = 5</font></p> .
Також можливе завдання розміру шрифту щодо шрифту "за умовчанням" у вигляді: size=+2 або size=-1. Звичайний «експлорерівський» розмір це 3, але у кожного користувача можуть бути і свої настройки. Розмір шрифту "за умовчанням" для конкретної сторінки можна задати тегом <basefont size=5> -розташованним в голові <head.htm> сторінки, для установки даного розміру відповідно рівному 5 (якщо у Вас Гігантоманія).
Для тексту знаходиться в кожному з осередків таблиці <table.htm> слід застосовувати власний тег <FONT>(це торкається і кольору <color.htm> шрифту)
Розміщення тексту буває і зовсім без міток, в цьому випадку стає неможливим його вірівнювання <p.htm> (що у принципі буває і непотрібне), а шрифт приймає розмір відповідний <font size="3">.
Кольор шрифта <color.htm> задається параметром color="кольор <colors.htm>" наприклад:
<font color=green size=+2>Размер шрифту = 5 </font>
видасть той же рядок що і в попередньому прикладі, тільки зелену. (кінцево якщо у Вас за умовчанням не вибрано 7 розмір шрифту ;-)
(Черговість в завданні параметрів будь-кого тега неважлива.)