Міністерство Аграрної Політики України
Кафедра економічної кібернетики
«Створення HTMLстраніц. Основні команди мови. »
Цей посібник призначений для людей, знайомих з ПК, що обробляють інформацію, яка буде знаходиться на сервері, і бажаючих дізнатися, що являє собою World Wide Web (WWW). Якщо Ви не знайомі з HTML, Вам надається можливість попередньо вивчити вступні тексти.
· Деякі елементи з HTML, частково обмежені або модифіковані; це особливо стосується таблиць
· Деякі розширення постачальника, які обумовлені угодою
Загальні зауваження по синтаксису HTML
Формально, набір символів, які використовуються в HTML документі повинен
- включати ISO Latin 1, відому також як ISO 8859-1 кодування, так як вона належить до набору стандартів ISO 8859
- бути сумісним з ISO 10646 та Unicode.
У практичній роботі повинні використовувати тільки ISO Latin 1 набір символів. Зараз і в найближчому майбутньому можна твердо розраховувати на його велику підтримку додатками. Підтримка ISO Latin 1 повинна існувати в усіх браузерах, проте іноді з цим існують проблеми. Також Ви можете дотримуватися ASCII набору символів, які є підмножиною ISO Latin 1.
Деякі предупрежденіядля тих, хто створює документи на комп'ютерах:
- Набори символів DOS і Macintosh не сумісні з ISO Latin 1. Це стосується використання будь-яких символів поза набору ASCII, так як для них необхідно перетворення. Деякі програми можуть робити ці перетворення автоматично, проте в конверсійних таблицях можуть бути помилки.
- Набір символів Windows найбільш узгоджений з ISO Latin 1, проте є деякі кодові позиції, які зарезервовані в якості керуючих символів в ISO Latin 1 і, тим не менше використовуються для зображення видимих символів в наборі символів Windows. Найбільш відомі з них - два різних тире "en тире" і "em тире", які не треба змішувати з дефісом (-) або підкресленням (_), що належать до ISO Latin 1 (і навіть до ASCII). Якщо Ви використовуєте такі символи, користувачі Windows систем ймовірно побачать їх як годиться, проте на всіх інших системах символи швидше за все буде виглядати, як помарки. (Зазвичай, такі символи навіть не виводяться зовсім).
Тег HTML складається з наступних один за одним в певному порядку елементів:
Більшість, але не всі теги HTML спарені так, що за відкриває тегом слід відповідний закриваючий тег, а між ними міститься текст або інші теги.
У таких випадках два тега і частина документа, відокремлена ними, утворюють блок, званий HTML елементом. Деякі теги, наприклад
, є елементами HTML самі по собі, і для них відповідний кінцевий тег помилковим. Далі ми будемо називати теги за їхніми іменами, опускаючи обов'язкові кутові дужки.
Для кожного тега визначається безліч можливих атрибутів. Більшість тегів допускає один або кілька атрибутів, проте атрибутів може і зовсім не бути. Специфікація атрібутасостоіт з розташованих в наступному порядку:
- імені атрибута, наприклад WIDTH
- знак рівності (=)
- значення атрибута, яке задається рядком символів, наприклад, "80".
Завжди корисно укласти значення атрибута в лапки, використовуючи або одинарні ( '80'), або подвійні лапки ( "80"). Рядок в лапках не повинна містити такі ж лапки всередині себе. Так, якщо дата укладена в подвійні лапки, використовуйте одинарні лапки для подальшого укладення в лапки, і навпаки. В межах значення атрибуту теги HTML не сприймаються. А escape послідовності розпізнаються і інтерпретуються, як символи. Значення атрибутів повинні бути відокремлені пробілами або незаповненими рядками.
Поділ на рядки і використання прогалин і символів табуляції
Коли документ виводиться на екран, прогалини і порожні лінії не зберігаються, за винятком тексту, укладеного в теги PRE (попередньо відформатований текст). Тобто будь-яка послідовність прогалин, символів табуляції і порожніх ліній еквівалентна єдиному пробілу в файлі HTML. З іншого боку, пробіл у файлі HTML може бути представлений з використанням будь-якої кількості прогалин або новими (порожніми) рядками.
Термін newlin (нова лінія) використовується, щоб ТЕОРЕТИЧНО позначити кінець рядка. SGML визначає, що рядок (запис) повинна починатися стартовим символом (newline - новий рядок, LF, ASCII код 10) і закінчуватися символом кінця запису (повернення каретки, CR, ASCII 13). На практиці, HTML документи подаються і передаються з використанням newline уявлення, узгодженого з даними комп'ютерними системами. Тому, браузери HTML допускають підтримку будь-якого з трьох загальноприйнятих уявлень поділу рядків, які охоплюють послідовністю CR LF, тільки CR, або тільки LF, і на основі такого припущення і виділяють помилки уявлення початкових і кінцевих символів записи.
Таким чином, не має значення, як Ви розділіть текст на рядки, так як новий рядок еквівалентний пробілу.
Таким чином, для логічного представлення Вашого документа, Ви повинні використовувати такі теги HTML, як Pілі BR, щоб при необхідності забезпечити переклад рядка.
Що стосується використання перекладу рядка в поєднанні з тегами HTML, то є спеціальні правила:
· Переклад рядка, наступній відразу за початковим тегом, ігнорується
Точно також, ігнорується переклад рядка попередній кінцевому тегу.
Символ горизонтальної табуляції (HT) можна використовувати в документі HTML. Але в межах елемента PREсімвол табуляції має особливу інтерпретацію, еквівалентний пробілу і не несе в собі інформацію про табуляції будь-якого виду. (Щоб уявити табульованого дані, використовуйте елемент table.) Практично краще уникати включення символів табуляції в код HTML і використовувати замість цього відповідний обсяг прогалин, якщо потрібно відформатувати код джерела HTML документа в табульованих вигляді.
Способи, якими теги HTML можуть поєднуватися, визначаються термінами елементів і їх класифікацією. Набагато зручніше визначити, наприклад, що елемент H1 може містити тільки текстові елементи, ніж давати довгий список відповідних елементів, особливо, якщо врахувати, що один і той же список повинен з'являтися в багатьох контекстах, і цей список може змінюватися при додаванні нових текстових елементів до майбутнім версіями HTML.
- заголовні елементи. тобто елементи, що використовуються в елементі і містять інформацію про документ в цілому
- блокові елементи. включають елементи, які специфікують структуру документа
- текстові елементи. Текстовими елементами можуть бути:
- простий текст, можливо
- вираження розмітки
- розмітка шрифт:
- спеціальні елементи
- елементи форми
- Будь-який текстовий елемент, включаючи простий текст, може при необхідності з'явитися скрізь - шляхом завдання абзацу
- Правило "великого пальця", яке може допомогти в запам'ятовуванні того, який елемент - блоковий, а який - текстовий: блокові елементи завершують абзац, текстові - немає.
Про Escapeпоследовательностях (символьних об'єктах), іменах, колірних атрибутах, ширині, пікселях, вертикальному вирівнюванні, безперервних прогалини.
Escape послідовності (символьні об'єкти)
Escape послідовності або, точніше, символьні об'єкти, являють собою спосіб подачі спеціальних символів. Наприклад, escape послідовність lt; позначає символ "менше ніж" (<).
Деякі символи, такі як <, используются в HTML в специальном значении, поэтому должен существовать способ их выражения, как символьных данных внутри самого документа или в URL.
При вивченні HTML слово ім'я використовується, як технічний термін. (Ймовірно, більш відповідним терміном міг би бути ідентифікатор. Як би в концепції грубого подібності з ідентифікатором в мовах програмування). Ім'я являє собою послідовність символів і починається з букви. Рядок символів, яка використовується для іноді може містити й інші символи, однак тоді вона повинна бути взята в лапки.
В елементах FONTі BODYнекоторие конструкції HTML можуть бути використані, щоб уточняти кольору: наприклад, колір фону, колір тексту за замовчуванням або колір тексту зв'язку. Так як всі монітори і програми можуть відображати колір, дійсне відображення може бути чорно-білим або з різними відтінками сірого. Щоб користуватися попередньо визначеними колірними іменами, необхідно знати їх числові еквіваленти.
Атрибут WIDTH (ширина)
Значення атрибута WIDTH в тегах, наприклад, HRілі TABLE можна уточняти двома альтернативними шляхами:
- як процентну частьпромежутка між поточними лівої і правої межами; в цьому випадку значення атрибута повинно бути взято в лапки і за числом відсотків повинен відразу слідувати знак відсотка, наприклад, WIDTH = "80%"
- в пікселях. при цьому задається ціле число (лапки не потрібні), наприклад WIDTH = 212.
Використовувані в атрибутах значення пікселя визначають пікселі екрану. Фізичний розмір пікселя визначається монітором користувача.
Вертикальне вирівнювання (VALIGN)
У деяких тегах, пов'язаних з таблицями, може бути використаний атрибут VALIGN для управління вертикальним вирівнюванням, тобто позиціонуванням в вертикальному напрямку елементів таблиці.
Щоб позиціонувати комірки у верхній частині, середині або нижній частині осередку таблиці відповідно, задаються наступні значення атрибута VALIGN: TOP (верх), MIDDLE (середина), BOTTOM (низ).
Непреривнийпробел ( ) (Non-breaking spaces)
послідовність є escape нотацією для символу, який в інших контекстах зазвичай називається безперервним прогалиною, або, для стислості, NBSP. Згідно ISO 8859, цей символ повинен бути представлений, як звичайний пробіл (пропуск, пусте місце), проте такий, що не замінювався б перекладом рядка (як це часто буває зі звичайним прогалиною в текстовій обробці). Тобто для того, щоб два слова були на одному рядку з деякою відстанню між ними, між цими словами повинні з'явитися безперервні прогалини. (Дійсна ширина проміжку між словами може змінюватися, і немає необхідності прив'язуватися до певної кількості прогалин у файлі HTML.)
Більш того, хоча HTML Посилальні спеціфікацііне вносять ясності в це питання, в розділі опису атрибута NOWRAP елементів THі TD вказується, що знак повинен діяти як безперервний пропуск, по крайней мере в межах елементів таблиці.
Якщо Ви використовуєте безперервні прогалини, використовуйте їх вместообичних прогалин, а не на додаток до них. З іншого боку, в таблиці в HTML може мати зовсім інше значення, яке може бути описано, як непорожнє простір. коли таблиця представлена з бордюром, осередки без змісту (просто пробіли не враховуються) зображуються без бордюру, проте в розмітці вказується!
Основні структури HTML документа
Обов'язкова структура документа
Почнемо з самого простого HTML документа, що містить тільки простий текст Hello world. В HTML файлі вмісту обов'язково повинен передувати розділ HEAD, який мінімально може складатися з двох конструкцій.
Тобто, за винятком першого рядка, весь файл є HTML елементкоторий містить HEAD елемент, (що включає TITLE елемент) і BODY елемент, з простим текстом в якості вмісту.
Таким чином, при відсутності тегів HTML, HEAD, і TITLE броузер сам вставить їх в потрібні місця. Тому Ваш документ завжди буде містити HEADі BODY.
Рекомендована структура документа
На додаток до обов'язкової структурі настійно рекомендується вставляти різні структурні деталі. Існують спеціальні рекомендації на різних сайтах, і Ви повинні уважно вивчити відповідні документи.
Тут же ми просто підкреслимо, що кожен HTML документ повинен містити основну інформацію про його походження. Приватні рекомендації можуть уточнити в деталях форму подання цієї інформації.
Про походження документа повинна бути представлена, принаймні, наступна інформація:
Всі матеріали в розділі "Інформатика"