- •Модуль 2: „проектування, розробка та підтримка власних web-ресурсів” Лекція №8.
- •Питання:
- •Правила побудови html-документів.
- •Специфікації html.
- •Структура html-документа.
- •3. Форматування тексту.
- •3.1. Теги рівня блоку і послідовні теги
- •3.2. Теги логічного і фізичного форматування
- •3.3. Використання спеціальних символів.
- •3.4. Посилання на інші документи і файли.
- •3.5.1. Внутрішні посилання.
- •4. Створення списків в html
- •Контрольні питання
- •Рекомендована література
Модуль 2: „проектування, розробка та підтримка власних web-ресурсів” Лекція №8.
Тема: „ОГЛЯД МОЖЛИВОСТЕЙ МОВИ ГІПЕРТЕКСТОВОЇ РОЗМІТКИ ДОКУМЕНТІВ HTML”.
Питання:
Правила побудови HTML-документів.
Специфікації HTML.
Структура HTML-документа.
Розділ заголовку документа <HEAD>.
Назва документа <TITLE>.
Розділ тіла документа <BODY>.
Форматування тексту.
Теги рівня блоку та послідовні теги.
Теги логічного та фізичного форматування.
Використання спеціальних символів.
Посилання на інші документи та файли.
Внутрішні посилання.
Створення списків в HTML.
Невпорядковані списки – тег <UL>.
Впорядковані списки – тег <OL>.
Списки визначень – тег <DL>.
Додатки:
Додаток 1. Значення параметрів мета-визначників.
Додаток 2. Параметри тега <BODY>.
Додаток 3. Теги логічного форматування тексту.
Додаток 4. Теги фізичного форматування тексту.
Правила побудови html-документів.
В HTML, якщо є необхідність виділити текст на екрані напівжирним шрифтом, то це можна зробити аналогічно:
<В>Цей текст буде виведений напівжирним шрифтом</В>
Символи <B> включають напівжирне зображення, а символи </B> вимикають його. Такі символи, які управляють відображенням тексту і при цьому самі не відображаються на екрані, в мові HTML прийнято називати тегами (від англійського слова tag - ярлик, ознака).
Всі теги мови HTML виділяються символами-обмежувачами (< та >), між якими записується ідентифікатор (ім'я) тега і, можливо, його параметри. Єдиним виключенням з цього правила є теги коментаря з складнішими обмежувачами (<!-- і -->). Назви тегів, а також їх параметрів можна записувати на будь-якому регістрі.
Більшість тегів HTML використовуються попарно, тобто для певного тега, назвемо його відкриваючим, в документі є відповідний закриваючий тег. За правилами HTML закриваючий тег записується так само, як і відкриваючий, але з символом / (прямий слеш) перед ім'ям тега. Єдиною принциповою відмінністю парних тегів є те, що закриваючі теги не використовують параметри.
Теги, які потребують відповідних завершуючих тегів, називатимемо тегами-контейнерами. Все, що записано між відповідним відкриваючим і закриваючим тегом, називатимемо вмістом тега-контейнера. Іноді завершуючий тег можна опускати. Наприклад, для тега, що описує дані для елементу таблиці <TD>, що відповідний закриває тег </TD> можна завжди опускати. Закінчення даних для елементу таблиці буде розпізнано по появі чергового тега <TD> або тега закінчення рядка таблиці </TR>.
Є ряд тегів, для яких завершуючі теги опускаються більшістю авторів документів. Прикладом може служити тег елементу списку <LI> або тег абзацу <Р>. Сучасні браузери у багатьох випадках правильно форматують документи, якщо опущені деякі завершуючі теги, проте така практика не може бути рекомендована.
Ряд тегів у принципі не потребує завершуючих тегів. Прикладами можуть служити тег вставки зображень <IMG>, примусового переходу на новий рядок <BR>, вказівки базового шрифту <BASEFONT> і ін. Часто з самого призначення тега можна здогадатися, чи має потребу він в завершуючому.
Існують загальні правила інтерпретації тегів браузерами. На відміну від мов програмування, в яких помилкові оператори приводять до видачі відповідних повідомлень на етапі компіляції програми і вимагають правки, в HTML не прийнято реагувати на невірний запис тегів.
Невірно записаний тег або його параметр повинні просто ігноруватися браузером. Це загальне правило для всіх браузерів, під дію якого підпадають не тільки помилково записані теги, але і теги, не розпізнані даною версією браузера.
Теги можуть записуватися з параметрами або атрибутами (від англ, attribute). Далі будемо найчастіше використовувати термін параметр. Набори допустимих параметрів індивідуальні для кожного тега. Загальні правила запису параметрів полягають в наступному. Після імені тега можуть слідувати параметри, які відділяються один від одного пробілами. Порядок проходження параметрів тега довільний. Багато параметрів вимагають вказівки їх значень, проте деякі параметри не мають значень або можуть записуватися без них, приймаючи значення за замовчуванням. Якщо параметр вимагає значення, то воно вказується після назви параметра через знак рівності. Значення параметра може записуватися в лапках, так і без них. Єдиним випадком, в якому без лапок не обійтися, є випадок, коли в значенні параметра є пропуски. У значеннях параметрів (на відміну від назв тегів і самих параметрів) іноді важливий регістр запису. Приведемо приклад запису тега з параметрами:
<TABLE BORDER ALIGN="left">
Тут для тега <TABLE> задано два параметри. Перший параметр BORDER вказаний без значення. Другий параметр ALIGN має значення left.
Загалом, теги можуть мати різні параметри, проте існує ряд параметрів, єдиних практично для всіх тегів. Згадаємо тут загальні параметри тегів, щоб більш не говорити про них при описі кожного тега.
Всі теги, які допустимо використовувати в розділі <BODY> документа HTML, можуть мати параметри CLASS, ID, LANG, LANGUAGE, STYLE і TITLE. Використання цих параметрів корисно, перш за все, при стильовому оформленні документів.
Параметри CLASS, ID, потрібні при використанні стилів.
Параметри LANG, LANGUAGE, TITLE вказують, відповідно, використовувана мова (наприклад, для Росії: LANG=ru), мова запису скриптів (наприклад LANGUAGE=JavaScript), а також текст підказки, що видається при наведенні покажчика миші на даний елемент (TITLE).
У сучасному HTML, крім тегів мови і їх вмісту, в початковому HTML-коді також записуються коди сценаріїв (наприклад JavaScript).
Прості HTML-документи є звичайними текстовими файлами, для перегляду і редагування яких можна скористатися будь-яким текстовим редактором. Ці файли звичайно мають розширення НТМ або HTML.