- •1Правила побудови html-документів
- •1.1Мова html
- •1.2Історія розвитку html
- •1.3 Основні елементи мови htMl
- •1.4 Групи тегів html
- •1.5 Розділ head документа
- •Назва документа
- •1.6 Розділ документа body
- •2.Форматування тексту
- •2.1Теги рівня блоку і послідовні теги
- •2.2 Логічне та фізичне форматування
- •2.3 Теги логічного форматування
- •2.4 Теги фізичного форматування тексту
- •Мал. Використання вкладених тегів форматування тексту
- •Мал. 1.4. Отображение примера браузером Opera
- •Мал. 1.6. Призначення розмірів шрифтів
- •3.Форматування html-документа
- •3.1Поділ на абзаци
- •3.2Заголовки внутри html-документа
- •3.3 Горизонтальні лінії
- •Мал. 1.10. Так цитата виглядає у вікні браузера Opera
- •3.5 Спеціальні символи
- •4. Посилання на інші документи та файли
- •4.1 Організація посилань
- •4.2 Правила запису посилань
- •4.3Внутрішні посилання
- •4.4 Посилання на документи різних типів
- •5.Створня web-сайту
- •5.1 Початок створення web-сторінки
- •Створення шапки за допомогою html коду:
- •Висновок
- •Список використаних джерел
1.4 Групи тегів html
Права кутова закриваючі теги НТМL за їх призначенням і області дії можна разділити на наступні основні групи:
визначають структуру документа;
оформлення блоків гіпертексту (параграфи, списки, таблиці, картинки);
гіпертекстові посилання та закладки;
форми для організації діалогу;
виклик програм.
Структура гіпертекстової мережі задається гіпертекстовими посиланнями. Гіпертекстова посилання — це адреса іншого HTML-документа або інформаційного ресурсу Internet, який тематично, логічно або яким-небудь іншим способом пов'язаний із документом, у якому посилання визначена. Природно, при таких умовах дуже важлива схема адресації усіх наявних інформаційних ресурсів. Реальний механізм інтерпретації ідентифікатора ресурсу, спирається на URI (Uniform Resource Identifier, універсальний ідентифікатор ресурсу), називається URL, і користувачі WWW мають справу саме з ним. Типовим прикладом використання такого запису можна вважати наступний приклад: Цей текст містить:
<A HREF="http://www.intuit.ru/help/index.html"> гіпертекстову посилання</A>
Це буде виглядати наступним чином:(відкрити) У наведеному вище прикладі тег "A", який в HTML називають якір (anchor), використовує атрибут HREF, що позначає гіпертекстову посилання (Hypertext Reference), для запису посилання в формі URL. Дана посилання вказує на документ з ім'ям "index.html" в каталозі "help" сервері "www.intuit.ru", доступ до якого здійснюється за протоколуНТТР. Гіпертекстові посилання в HTML діляться на два класу: контекстні гіпертекстові посилання і загальні. Контекстні посилання вмонтовані в тіло документа, як це було показано в попередньому прикладі, то час як загальні посилання пов'язані з усім документом у цілому і можуть використовуватися при перегляді будь-якого фрагмента документа. Обидва классу посилань спочатку присутні в стандарті мови, проте перший час найбільшою популярністю користувалися контекстні посилання. Ця популярність призвела до того, що механізм використання загальних посилань практично повністю "атрофувався". У даному прикладі ми уклали URL в подвійні лапки. Насправді, це необов'язково. Лапки (подвійні або одинарні) застосовуються тільки тоді, коли всередині значення URL з'являються символи-роздільники (пробіл, табуляція, невидимі символи). Але такого сорту URL слід всіляко уникати. Структура HTML-документа дозволяє задіяти вкладені один в одного контейнери. Власне, сам документ — це один великий контейнер, який починається з тега <HTML> і закінчується тегом </HTML>.
1.5 Розділ head документа
Розділ HEAD документа визначає його заголовок і не є обов'язковим тегом, проте добре складений заголовок може бути вельми корисний. Завданням заголовка є подання необхідної інформації для програми, интерпретирующей документ. Теги, які знаходяться всередині розділу HEAD (окрім назви документа, що описується за допомогою тега <TITLE>), не відображаються на екрані.
Розділ заголовка відкривається тегом <HEAD>. Зазвичай цей тег слід відразу ж за тегом <HTML>. Закриваючий тег </HEAD> показує кінець цього розділу. Між цими тегами розташовуються інші теги розділу заголовка.