HTML

Перехід до кінця документа
Перехід до заслання 1
Заголовок 1
Заголовок 2
Заголовок 3
Тема 4
Тема 5
Заголовок 6
Тут розташована посилання 1
Тут повинен розташовуватися оригінальний текст WEB-сторінки
Перехід на початок документа

Якщо розглянути вихідні тексти різних WEB-сторінок, то можна легко побачити схожість їх структури. Це пояснюється тим, що документи створюються за певними правилами. В основу синтаксису мови HTML ліг стандарт ISO 8879:1986 «Information processing. Text and office systems. Standard Generalized Markup Language (SGML) ». Правда, існує велика різниця між стандартом офіційному і стандартом фактичним. HTML постійно розвивається, доповнюється новими елементами.
Розглянемо основні елементи HTML.

Означає документ на мові HTML. Я вже згадував про те, що одним із принципів мови є багаторівневе вкладення елементів. Цей елемент є самим зовнішнім, так як між його початковим і ліжковим тегами повинна знаходиться вся WEB - сторінка. У принципі, цей елемент. Він має атрибути version, long і dir, якими в даному випадку рідко хто користується, і допускає вкладення елементів HEAD, BODY і інших, визначальну загальну структуру WEB-сторінки. Кінцевим тегом закінчуються всі документи у форматі HTML.
<HEAD>
Область заголовка Web - сторінки, її перша частина. HEAD служить тільки для формування загальної структури документа. Цей елемент може мати атрибути IANG, DIR, повинен включати елемент TITLE і допускає вкладення елементів BASE, META, LINK, OBJECT, SCARIPT, STULE.
<TITLE>
Елемент для розміщення заголовка Web - сторінки. Рядок тексту, розташованого усередині цього елемента, відображається не в документі, а в заголовку вікна броузера. Цей рядок часто використовується при організації пошуку в WWW. Цей рядок має досить точно відображати призначення документа.
<STYLE>
Елемент для опису стилю деяких елементів Web - сторінки. У файлі Strukt. Htm призначені шрифти для елементів h2, code. Для кожного елемента існує стильове оформлення за замовчуванням, тому вживання елемента style не обов'язково, але бажано. Цей елемент введений порівняно недавно, без нього немислима робота в додатках World, Excel.
<META>
Елемент містить службову інформацію, яка не відображається при перегляді Web-сторінки. Всередині нього немає тексту у звичайному розумінні, тому немає і кінцевого тега. Кожен елемент Meta містить два основних атрибуту, перший з яких визначає тип даних, а другий - зміст. Ось кілька прикладів meta - даних:
Дата, що позначає термін придатності документа:
Name - "Expires" content = "Дата"
Адреса електронної пошти:
Name = "Reply - to" content = "Ім'я @ Адреса"
Ім'я автора Web-сторінки:
Name = "Author" content = "Ім'я автора "
Набір ключових слів для пошуку:
Name = "Keywords" content = "слово 1, слово 2, слово 3 ..."
Короткий опис змісту Web-сторінки:
Name = "Description" content = "Зміст сторінки "
Опис типу і характеристик Web - сторінки:
Name = "Content - Type" content = "Опис сторінки "
Вказівка програми, в якому була створена Web - сторінка:
Name = "Generator" content = "Назва HTML - редактора"
Атрибут Name використовується додатком - клієнтом для отримання додаткової інформації про Web - сторінках та їх упорядкування. Його часто замінюють атрибутом http - equiv. Він використовується сервером для створення додаткових полів при виконанні запиту.
Елемент META може містити URL. Шаблон атрибута такий:
URL = "http:// адресу"
Цей елемент містить в собі гіпертекст, який визначає власне Web - сторінку. Кінцевий тег цього елемента треба шукати в кінці HTML-файлу. Усередині елемента BODY можна використовувати всі елементи, призначені для дизайну Web-сторінки. Усередині початкового тега елемента BODY можна розташувати ряд атрибутів, що забезпечують установки для всієї сторінки повністю.
Атрибут, що визначає фон сторінки, є одним з найбільш важливих для дизайну.
background = "Шлях до файлу"
Більш просте оформлення фону зводиться до завдання його кольори:
bgcolor = "# RRGGBB"
Кольори фону задається трьома дворозрядними шестнадцатерічнимі числами, які визначають інтенсивність червоного, зеленого і синього. Обидва наведених вище ознаки не є альтернативними і часто використовуються спільно: якщо з яких-небудь причин не може бути знайдений малюнок фону, використовується колір.
Оскільки фон станиці може зміняться, необхідно мати можливість підбирати відповідний колір тексту. Для цього є наступною атрибут:
text = "# RRGGBB"
Для завдання кольору тексту гіперпосилань використовуються наступні атрибути:
link = "# RRGGBB"
Точно так само можна задати колір для переглянуто гіперпосилань:
vlink = "# RRGGBB"
Можна також вказати зміна кольору для останньої вибраний користувачем гіперпосилання:
Alink = "# RRGGBB"
У будь-якій мові програмування є конструкції, що дозволяють створювати довільні ремарки. HTML в цьому сенсі - не виняток. Текст, введень всередині цього елемента, ігнорується броузером. Ці елементи можуть розташовуватися в будь-якому місці WEB-сторінки. Ознакою коментаря служить знак оклику, а текст коментаря повинен обрамляти подвійним дефісом. Наприклад:
Коментар -!>
Елемент заголовка. Існує шість рівнів заголовка, які позначаються H1 ... H6. Тема рівня 1 самий великий, а рівень 6 забезпечує найменший заголовок. Для заголовків можуть використовувати атрибути, що задають вирівнювання вліво, по центру або праворуч:
align = "left"
align = "center"
align = "right"
Горизонтальна лінія - дуже часто використовуваний елемент. По-перше, тому що з його допомогою дуже зручно ділити сторінку на частини.
По-друге, тому що вибір подібних елементів оформлення у автора сторінки дуже невеликий. Цей елемент не має кінцевого тега, але допускає ряд атрибутів для вирівнювання вліво, по центру, вправо, по ширині:
align = "left"
align = "center"
align = "right"
align = "justify"
Можна задати товщину лінії:
Size = товщина в пікселях
Можна керувати довжиною лінії:
width = довжина в пікселях
width = довжина у відсотках
Можна вибрати колір:
color = "колір"
HTML-документ може бути дуже великим, і в цьому випадку потрібно мати можливість швидкого переміщення до потрібного розділу документа. Для цього можна використовувати механізм гіперпосилань. Необхідно також у потрібних місцях тексту розставити відповідні мітки. Шаблон для створення міток такий:
Довільний текст
У даному випадку даної рядку документа присвоюється ім'я, і, отже, в іншій частині документа або навіть на іншому документі може бути створена гіперпосилання, приводить в цю точку. Для переходу всередині документа можна використовувати наступну конструкцію:
Перехід до мітці

HTML

Заголовок 1

Заголовок 2

Заголовок 3

Тема 4

Тема 5

Заголовок 6

Правила синтаксису

Кодування символів

Використання символів

Управління кольором

Висновок

Опис броузерів