- •1Правила побудови html-документів
- •1.1Мова html
- •1.2Історія розвитку html
- •1.3 Основні елементи мови htMl
- •1.4 Групи тегів html
- •1.5 Розділ head документа
- •Назва документа
- •1.6 Розділ документа body
- •2.Форматування тексту
- •2.1Теги рівня блоку і послідовні теги
- •2.2 Логічне та фізичне форматування
- •2.3 Теги логічного форматування
- •2.4 Теги фізичного форматування тексту
- •Мал. Використання вкладених тегів форматування тексту
- •Мал. 1.4. Отображение примера браузером Opera
- •Мал. 1.6. Призначення розмірів шрифтів
- •3.Форматування html-документа
- •3.1Поділ на абзаци
- •3.2Заголовки внутри html-документа
- •3.3 Горизонтальні лінії
- •Мал. 1.10. Так цитата виглядає у вікні браузера Opera
- •3.5 Спеціальні символи
- •4. Посилання на інші документи та файли
- •4.1 Організація посилань
- •4.2 Правила запису посилань
- •4.3Внутрішні посилання
- •4.4 Посилання на документи різних типів
- •5.Створня web-сайту
- •5.1 Початок створення web-сторінки
- •Створення шапки за допомогою html коду:
- •Висновок
- •Список використаних джерел
2.Форматування тексту
2.1Теги рівня блоку і послідовні теги
Деякі HTML-теги, які можуть з'являтися в розділі BODY, називають тегами рівня блоку (block level), в той час як інші послідовними (inline) тегами або, називаючи по-іншому, тегами рівня тексту (text level), хоча таке розділення тегів за рівнями певною мірою умовно.
Відмінність рівнів HTML-тегів полягає в наступному: теги рівня блоку можуть містити послідовні теги і інші теги рівня блоку, тоді як послідовні теги містять лише дані та інші послідовні теги. Блокові теги описують більш великі структури документів, у порівнянні з послідовними тегами. За замовчуванням теги цих видів розміщуються у тексті опису різним чином: теги рівня блоку починаються з нового рядка, в той час як послідовні — ні.
2.2 Логічне та фізичне форматування
Для форматування тексту, HTML-документів передбачена ціла група тегів, яку можна умовно розділити на теги логічного і фізичного форматування.
Теги логічного форматування позначають (своїми іменами) структурні типи своїх текстових фрагментів, такі, наприклад, як програмний код (тег <CODE>), цитата (тег <CITE>), абревіатура (тег <ABBR>) тощо (див. описи цих та інших подібних тегів в наступному розділі). За допомогою тегів <EM> і <STRONG> можна, наприклад, відзначити окремі фрагменти як виділені, або сильно виділені. Зауважимо, що мова йде про структурної розмітки, яка не впливає на конкретне екранне представлення фрагмента браузером. Тому така розмітка і називається логічною. Фрагменти з логічним форматуванням браузери відображають на екрані певним чином, заданим за замовчуванням. Вид відображення ніяк не пов'язаний зі структурним типом фрагмента (тобто ім'ям тега логічного форматування), але може бути легко змінені.
Теги фізичного форматування визначають формат відображення зазначеного в них фрагмента тексту у вікні браузера (згідно з уподобанням автора документа). Наприклад, для відображення фрагмента курсивом можна використовувати тег курсиву <I>. Цей і інші, часто використовувані тегів фізичного форматування описані нижче в розділі "Теги фізичного форматування тексту"цієї глави.
Між розробниками HTML-документів довгий час точилися суперечки про переваги й недоліки того чи іншого підходу. З виходом специфікації HTML 4.0 ці суперечки завершилися на користь застосування логічного форматування, оскільки був проголошений принцип відділення структури документа від його подання. Дійсно, тільки на базі логічного форматування можна гнучко управляти представленням документа, використовуючи сучасні методи (засновані на таблицях стилів, динамічно змінюються документах тощо).
Тим не менш, на даний момент може вільно використовуватися і фізичне форматування. У специфікації HTML 4.0 деякі теги фізичного форматування не рекомендуються для застосування, однак, поки вони все ще підтримується всіма браузерами. Зауважимо, що деякі теги логічного форматування, покликані замінити окремі тегів фізичного форматування, підтримуються не всіма браузерами, що робить їх застосування вкрай незручним. Прикладом може служити логічний тег <DEL>, який рекомендується використовувати замість фізичного тега <STRIKE>.
Розглянуті нижче теги відносяться до тегам рівня тексту, тобто покликані, в основному, розмічати невеликі групи символів. Деякі теги можуть задавати розмітку і на рівні блоку.
