37. Структура html-документу. Тегова модель. Правила синтаксису. Задання заголовків документів та заголовків розділів документів.
У зв'язку з неможливістю передбачити, який конкретно браузер буде відображати Web-документ, мова HTML не призначена для опису формату документу, а слугує лише для функціональної його розмітки .
Коди мови HTML, за допомогою яких здійснюється розмітка гіпертекстового документу тазиваються тегами і являють собою набір символів, який починається з символу "<" та закінчується символом ">". Ці символи ще називають відкриваючими та закриваючими кутовими дужками. Після відкриваючої дужки йде ключове слово, яке визначає тип тега, наприклад : <TABLE>, <BR>.
Як правило , один тег повинен діяти лише на частину документу, тому для вказання області дії тега використовують парні теги : відкриваючий тазакриваючий. Відкриваючий тег створює ефект, а закриваючий припиняє його. Закриваючий тег по написанню відрізняєтьтся від відкриваючого наявністю символа "/" перед ключовим словом, наприклад : <TITLE> тіло тега </TITLE>.
Для тих тегів, які створюють разовий ефект , нема потреби вводити закриваючий тег. Якщо введений тег з помилкивим ключовим словом, то він ігнорується без видачі повідомлення про помилку. При відображенні документу в вікні браузера, самі теги не відображаються.
Для HTML-документів характерною є вкладеність тегів один в одний. Вірною є конструкція: <H1> текст.<H2> текст</H2> текст </H1>.
Відкриваючі теги часто можуть містити атрибути, які впливають на ефект, що створює тег. Атрибути - це додаткові ключові слова, що записуються через пропуск в відкриваючому тегу після головного ключового слова, яке визначає його тип. Деякі атрибути вимагають вказання значення атрибута, яке присвоєються за допомогою знака "=" і, як правило, записується в подвійних лапках, наприклад:<FRAME SCR="sender1.html"NAME="sender" NORESIZE>.
HTML-документ складається з основного тексту документу, в який вставляються теги розмітки, які в свою чергу теж є наборами символів. Тому готувати такий документ можна звичайним текстовим редактором, починаючи з найпростішого(NotePad- записник). Всі HTML-документи мають певну структурну схему, якої рекомендується дотримуватись.
Так кожен з документів потрібно починати з тега <HTML>, а закінчувати тегом </HTML>, що буде означати для браузера, що це дійсно документHTML.
Документ HTML складається з розділу заголовків, та тіла документа, які слідують один за одним саме в такому порядку. Розділ заголовків розміщений між тегами <HEAD> та </HEAD> та містить інформацію про документ в цілому. Зокрема, цей розділ повинен вміщувати теги <TITLE> та </TITLE>, між якими розміщується заголовок документу, текст якого заповнює рядок заголовку у вікні браузера та використовується при пошуку документа в Інтернеті.
Тіло документу розташовується між тегами <BODY> та </BODY> . Ось зразок вірноскладеного HTML-документу
38. Форматування тексту в html- документах: задання абзацу, примусового переходу на новий рядок, типу, розміру та кольору шрифту, кольору фону, виділення тексту напівжирним, курсивом, підкресленим
<body bgcolor="?"> |
Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет. |
<body text="?"> |
Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет. |
<body link="?"> |
Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет. |
<body vlink="?"> |
Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет. |
<body alink="?"> |
Устанавливает цвет гиперссылок при нажатии. |
<h1></h1> |
Создает самый большой заголовок |
<h2></h2>, <h3>, </h3><h4></h4>, <h5>, </h5> |
Создает заголовоки промежуточных размеров |
<h6></h6> |
Создает самый маленький заголовок |
<b></b> |
Создает жирый текст |
<strong></strong> |
Жирный текст (воспринимается посковыми роботами, как особо сильное выделение) |
<font size="?"></font> |
Устанавливает размер текста в пределах от 1 до 7. |
<font color="?"></font> |
Устанавливает цвет текста, используя значение цвета в виде RRGGBB. |
<p></p> |
Создает новый параграф |
<p align="?"></p> |
Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center |
<br> |
Вставляет перевод строки. |
<blockquote></blockquote> |
Создает отступы с обеих сторон текста. |
<i></i> |
Создает наклонный текст |
<u></u> |
Создает подчеркнутый текст |
8.8. Додаткові можливості форматування
Вище було описано, як створювати прості HTML-документи. Для складніших документів, HTML має деякі додаткові можливості форматування.
8.8.1. Списки
HTML підтримує ненумеровані, нумеровані списки і списки визначень.
8.8.2 Ненумеровані списки
Ненумерований список: <UL><LI>список пунктів </UL>, наприклад:
<UL>
<LI> яблука
<LI> банани
</UL>
що дає на екрані:
яблука
банани
8.8.3. Нумеровані списки
Нумерований список ідентичний ненумерованому списку, тільки замість < UL> використовується < OL>.
<OL>
<LI> апельсини
<LI> персики
<LI> виноград
</OL>
що дає на екрані:
апельсини
персики
виноград
Browser автоматично нумерує елементи такого списку.
8.8.4. Списки визначень
Список визначень зазвичай складається з чергування терміну ( DT ) і визначення ( DD ). Зазвичай Web browsers визначення розташовує на новому рядку. Приведемо приклад списку визначень:
<DL>
<DT> NCSA
<DD> NCSA (National Center for Supercomputing Applications).
<DT> CTC
<DD> CTC (Cornell Theory Center).
</DL>
що дає:
NCSA
NCSA (the National Center for Supercomputing Applications)
CTC
CTC (Cornell Theory Center).