- •Тема. Створення, публікація веб-ресурсів.
- •Поняття про мову html. Розмітка html-сторінки
- •Структура html-документа
- •Питання 2. Основні теги і атрибутиHtml.
- •Оформлення смислових частин сторінки абзацами.
- •Теги заголовків.
- •Використання списків в html.
- •Питанн 3. Теги для роботи з текстом, графічними об'єктами. Гіперпосилання
- •Робота з графікою в html.
Структура html-документа
Найголовнішим з тегів HTML є однойменний тег - <HTML>.
<HТМL>
...
</HТМL>
Він повинен завжди відкривати ваш документ, так само, як тег </HTML> повинен неодмінно стояти в останній його рядку. Ці теги позначають, що знаходяться між ними рядка представляють єдиний гіпертекстовий документ. Без цих тегів браузер або інша програма перегляду не в змозі ідентифікувати формат документа і правильно його інтерпретувати.
<HTML> - повідомляє браузеру, що далі слідує текст, який слід інтерпретувати як HTML документ.
HTML-документ складається з двох частин: заголовок (head) і тіло (body), розташованих в наступному порядку:
<HТМL>
<HЕАD>
...
</HЕАD>
<ВОDY>
...
</ВОDY>
</HТМL>
У HTML-документ можна включати коментарі, дозволяють приховати частина тексту від браузера. Все, що укладена між послідовностями символів <!-- і -->, при перегляді сторінки залишається невидимим. Коментарі не можуть бути вкладеними один в одного.
Назва документу <HЕАD> ... </HЕАD>
Включення в документ заголовної частини не є обов'язковим. Завданням заголовка є подання необхідної інформації для браузера та сервера HTTP. Інформація, розміщена всередині заголовка документа, зазвичай не виводиться на екран (крім назви документа).
Назва документу відкривається тегом <HЕAD>, який звичайно треба відразу ж за тегом <HTML>. Закриваючий тег </HEAD> показує кінець цього розділу, між ними розташовуються інші теги заголовка документа.
<HEAD> - виділяють заголовок документа, в якому міститься службова інформація.
Заголовок документа включають парний тег <TITLE> ... </TITLE>, що визначає назва документа.
<TITLE> ... </TITLE> - виділяють назву сторінки, яка відображається в заголовку вікна браузера.
Багато програм перегляду використовують його як заголовок вікна, в якому виводять документ. Програми, індексує документи в мережі Інтернет, використовують назву для ідентифікації сторінки. Гарне назва повинна бути досить довгим для того, щоб можна було коректно вказати відповідну сторінку, і в той же час воно має поміщатися в заголовку вікна. Назва документа вписується між відкриває і закриває тегами.
Тіло документа <ВОDY> ... </ВОDY>
На відміну від заголовка, тіло документа є обов'язковим елементом, тому що в ньому розташовується весь матеріал вашого документа (є тільки одне виняток, з яким ми познайомимося далі, - коли документ містить замість тіла групу фреймів). Тіло документа розміщується між тегами <BODY> і </BODY>. Все, що розміщене між цими тегами, інтерпретується браузером відповідно до правил мови HTML, що дозволяють коректно відображати сторінку на екрані монітора.
Питання 2. Основні теги і атрибутиHtml.
Тег <BODY> не тільки позначає початок вмісту документа, але і задає його основні властивості: колір фону, тексту і багато інше. Ці властивості визначаються за допомогою атрибутів, які наведені в таблиці.
Атрибут |
Призначення |
ALINK |
Визначає колір активного посилання |
BACKGROUND |
Вказує на URL-адресу зображення, яке використовується в якості фонового |
BGCOLOR |
Визначає колір фону документа |
LINK |
Визначає колір невідвідування посилання |
ТЕХТ |
Визначає колір тексту |
VLINK |
Визначає колір Відвідані посилання |
Атрибути тега BODY
<BODY bgcolor=”колір”> – атрибут задає колір фону сторінки.
<BODY background="URL\*.jpg"> – атрибут заповнює сторінку графічним малюнком, якщо графічний файл в одній папці із сторінкою указується тільки ім'я файлу.
<BODY text=”колір ”> – задає базовий колір шрифту для сторінки.