Студопедия
Новини освіти і науки:
МАРК РЕГНЕРУС ДОСЛІДЖЕННЯ: Наскільки відрізняються діти, які виросли в одностатевих союзах


РЕЗОЛЮЦІЯ: Громадського обговорення навчальної програми статевого виховання


ЧОМУ ФОНД ОЛЕНИ ПІНЧУК І МОЗ УКРАЇНИ ПРОПАГУЮТЬ "СЕКСУАЛЬНІ УРОКИ"


ЕКЗИСТЕНЦІЙНО-ПСИХОЛОГІЧНІ ОСНОВИ ПОРУШЕННЯ СТАТЕВОЇ ІДЕНТИЧНОСТІ ПІДЛІТКІВ


Батьківський, громадянський рух в Україні закликає МОН зупинити тотальну сексуалізацію дітей і підлітків


Відкрите звернення Міністру освіти й науки України - Гриневич Лілії Михайлівні


Представництво українського жіноцтва в ООН: низький рівень культури спілкування в соціальних мережах


Гендерна антидискримінаційна експертиза може зробити нас моральними рабами


ЛІВИЙ МАРКСИЗМ У НОВИХ ПІДРУЧНИКАХ ДЛЯ ШКОЛЯРІВ


ВІДКРИТА ЗАЯВА на підтримку позиції Ганни Турчинової та права кожної людини на свободу думки, світогляду та вираження поглядів



Контакти
 


Тлумачний словник
Авто
Автоматизація
Архітектура
Астрономія
Аудит
Біологія
Будівництво
Бухгалтерія
Винахідництво
Виробництво
Військова справа
Генетика
Географія
Геологія
Господарство
Держава
Дім
Екологія
Економетрика
Економіка
Електроніка
Журналістика та ЗМІ
Зв'язок
Іноземні мови
Інформатика
Історія
Комп'ютери
Креслення
Кулінарія
Культура
Лексикологія
Література
Логіка
Маркетинг
Математика
Машинобудування
Медицина
Менеджмент
Метали і Зварювання
Механіка
Мистецтво
Музика
Населення
Освіта
Охорона безпеки життя
Охорона Праці
Педагогіка
Політика
Право
Програмування
Промисловість
Психологія
Радіо
Регилия
Соціологія
Спорт
Стандартизація
Технології
Торгівля
Туризм
Фізика
Фізіологія
Філософія
Фінанси
Хімія
Юриспунденкция






Структура документа HTML

Синтаксис мови HTML

Синтаксис мови HTML - це набір правил, за якими створюється опис документа. Він містить три основних конструкції: елементи, теги і підстановки.

Елементи – це складові частини документа (текст, заголовки, абзаци та ін.). Теги це команди які мають наступні властивості:

 

1. Усі теги беруть в дужки <…>.

2. Одразу після відкриваючої дужки поміщається ключове слово яке визначає тег, наприклад, < title >.

3. Теги розділяють документ на елементи.

4. Теги бувають двох видів: парні і непарні.

5. Парні охоплюють текст, на який розповсюджується їх дія.

6. У парних тегах є тег, що відкриває рядок або рядки і тег, що закриває.

7. Закриваючий тег відрізняється від відкриваючого символом “ / “.

8. Закриття парних тегів виконується так, щоб виконувалось правило вкладення, наприклад, <В> <І> На цей текст діють два теги </І> </В>.

9. Непарні теги діють від місця своєї появи до появи нового тега.

10. Теги нечутливі до регістру.

11. У тегу може бути додаткове ключове слово, так званий атрибут, який відділяється пробілом від тега.

12. Деякі атрибути мають значення, перед яким ставиться знак рівняння і яке береться у лапки, наприклад, <H1 ALIGN = ”LEFT”>.

 

Підстановки – це текст який додається до тегів, імена файлів та ін.

 

Документ HTML має визначену структуру.

1. Всі документи HTML мають одну і ту ж структуру, визначену фіксованим набором тегів структури. Документ HTML завжди повинен починатися з тегу <НТМL> і закінчуватись закриваючим тегом (</НТМL>).

2. Усередині документа виділяються два основних розділи: розділ заголовку і тіло документа. Розділ заголовку має головний тег <НЕАD> ….. </НЕАD> який вказує що це верхня частина документу, в якому є вкладений загальний заголовок документу.

3. Загальний заголовок документа, обмежений парним тегом <ТIТLE>. Заголовок міститься завжди у визначеному місці документа. Тому браузеру не важко знайти потрібний документ. Назва файлу і назва заголовку це не одне і теж. Якщо тегів <ТIТLE> нема, то у назві Web – сторінки з’явиться їїURL – адреса (Uniform Resource Locator - уніфікований покажчик ресурсу) .

4. Основний зміст документу, розміщуються між парними тегами <BODY>.

5. Розташування структурних тегів у документі неважко визначить, навіть при їх відсутності, однак, при створенні документа HTML опускати структурні теги не рекомендується.

Таким чином основні теги, що застосовуються при створенні Web – сторінки наступні:

<html >< /html> - початок і кінець документа;

<head >< /head> - область заголовка документа;

<body >< /body> - зміст документа;

<title>< /title> - заголовок вікна;

<!> - створення коментарю.

2.5. Створення найпростішої Web - сторінки

1. Завантажити Блокнот. Створити документ (між дужками та тегами не повинно бути пробілів), наприклад:

<HTML>

<HEAD>

<TITLE> ЗАГОЛОВОК ДОКУМЕНТА </TITLE>

</HEAD>

<BODY>

ЗМІСТ ДОКУМЕНТА

</BODY>

</HTML>

2. Зберегти документ, надавши файлу ім’я, з розширенням htmабоhtml (наприклад у файлі з ім’ям простий.htm або простий.html).

3. Активізувати файл (простий.htm), який завантажиться в браузер Internet Explorer.

4. Для перегляду коду документа можна скористатись командами: ВидИсточник(ВидПросмотр HTML – кода), СтраницаПросмотр HTML – кодаабо скориставшись контекстним меню.

5. При зміні коду документа його треба обновити командою: Вид ►Обновить.

2.6. Створення абзаців, заголовків

Заголовки.Мова HTML підтримує заголовки шести рівнів, які задаються за допомогою парних тегів від <H1> до <H6>. Чім більше число після Н, тим менше текст заголовку. Щоб вирівняти заголовок по центру, слід у тегу скористатись атрибутом ALIGN = ”CENTER”>. Наприклад, <H1 ALIGN = ”CENTER”> Заголовок першого рівня </H1>.

Абзац.Звичайні абзаци у мові HTML задаються з використанням парного тегу <Р> …..</Р>. Однак закриваючий тег </Р> необов’язковий. Наприклад,

<H1>Заголовок першого рівня </H1>

<Р>Абзац перший

<Р>Абзац другий

<H2>Заголовок другого рівня </H2>

Кінець абзацу можна визначить горизонтальною лінійкою, яка створюється з використанням непарного тега <HR>. Наприклад, для створення горизонтальної лінійки на півширини вікна, товщина якої 10 пікселів і розташованою праворуч, слід скористатись тегом <HR>. з наступними атрибутами:

<HR ALIGN=”RIGHT” SIZE = ”10” WIDTH = ”50%”>

Рядки.Для визначення кінця рядку використовується непарний тег <BR>. Його можна використовувати декілька разів, створив таким чином декілька пустих рядків. Слід пам’ятати, що теги заголовків або абзаців також здійснюють перехід в інший рядок.

 


Читайте також:

  1. III. Географічна структура світового ринку позичкового капіталу
  2. VI. Оформлення маршрутної документації на проведення туристичних походів та експедицій
  3. VІ. План та організаційна структура заняття
  4. Адміністративно – територіальний устрій і соціальна структура Слобожанщини у половині XVII – кінці XVIII століття
  5. Акти з охорони праці, що діють в організації, їх склад і структура.
  6. АРХІВНІ ДОВІДНИКИ В СИСТЕМІ НДА: ФУНКЦІЇ ТА СТРУКТУРА
  7. Атомно-кристалічна структура металів
  8. Базова алгоритмічна структура
  9. Банківська система та її структура. Функції Центрального банку.
  10. Безцехова виробнича структура.
  11. Бланк документа
  12. Бланк документа, вимоги що пред'являються до нього.




Переглядів: 2926

<== попередня сторінка | наступна сторінка ==>
End Sub | Програма Microsoft Fax

Не знайшли потрібну інформацію? Скористайтесь пошуком google:

 

© studopedia.com.ua При використанні або копіюванні матеріалів пряме посилання на сайт обов'язкове.


Генерація сторінки за: 0.003 сек.