Реферат: Принципи роботи із засобами Web-сервісу
<BODY>
Hello world
</BODY>
</HTML>
У документі може бути тільки один елемент BODY, у середині якого розташовують елементи, відповідальні за правила форматування та подання інформації.
Як правило, документ складається із частин, які, у свою чергу, теж діляться на частині й т.д. В HTML такий поділ робиться з використанням заголовків різного рівня. Частини самого нижнього рівня в цій ієрархії складаються з одного або декількох абзаців. На додаток до простих абзаців і деяких спеціальних видів абзаців HTML підтримує списки й таблиці, які можна представити, як подібні до абзаців. Внутрішня структура абзаців і подібних їм елементів складається з тегів текстового рівня, які наведено далі.
Теги для визначення головних структурних особливостей, так звані теги блокового рівня, являють собою наступне:
1) заголовки різних рівнів: H1, H2, H3, H4, H5, H6;
2) теги рівня абзацу:
- простий абзац: P;
- цитування, що є окремим абзацом BLOCKQUOTE;
- адреса автора інформації - окремий абзац: ADDRESS;
- елемент, що зберігає компонування рядків і пробілів попередньо відформатованого тексту PRE;
3) списки:
- простий неупорядкований список: UL, LI;
- стислий список, розташованих одним рядком образів: MENU, LI;
- список малих образів: DIR, LI;
- упорядкований список: OL, LI;
- дефінітивний список (список міток): DL, DT, DD;
4) таблиці: TABLE, CAPTION, TR, TH, TD;
5) розподільники документа на частини, які можуть мати властивості свого власного компонування (наприклад, центрування): DIV, CENTER;
6) зміна теми: HR;
7) наповнення форм: FORM, ISINDEX.
Для зміни формату подання текстової інформації на екрані служать спеціальні елементи форматування. Варто враховувати, що форматування залежить, так само, від використовуваної програми перегляду. Елементи форматування представлені в таблиці 1.
Використовуючи таблиці стилів, можна так само визначити шрифт, кольори, тло й інші властивості для різних елементів HTML.
Таблиця 1 – Особливості відображення тексту в броузерах з елементами форматування
| Елемент | Netscape | Internet Explorer | Lynx |
| EM | курсив | курсив | підкреслений |
| DFN | звичайний текст | курсив | звичайний (однорозмірний) |
| CODE | однорозмірний | малий однорозмірний | звичайний (однорозмірний) |
| SAMP | однорозмірний | малий однорозмірний | звичайний (однорозмірний) |
| KBD | однорозмірний | малий однорозмірний | звичайний (однорозмірний) |
| VAR | курсив | малий однорозмірний | звичайний (однорозмірний) |
| CITE | курсив | курсив | підкреслений |
| TT | однорозмірний | малий однорозмірний | звичайний (однорозмірний) |
| I | курсив | курсив | підкреслений |
| B | посилений | посилений | підкреслений |
| U | звичайний текст | підкреслений | підкреслений |
| STRIKE | закреслювання | закреслювання | текст між[DEL: і :DEL] |
| BIG | більший, ніж звичайний | більший, ніж звичайний | звичайний текст |
| SMALL | менший, чим звичайний | небагато менший, чим звичайний | звичайний текст |
| SUB | опущений, небагато менший | опущений | звичайний текст |
| SUP | піднятий, небагато більший | піднятий | звичайний текст |
3.Основи використання таблиць каскадних стилів
Таблиці Каскадних Стилів (CascadingStyleSheets - CSS) - це мова, що містить набір властивостей для опису зовнішнього вигляду елементів HTML документів. З його допомогою дизайнер має повний контроль над стилем і розташуванням кожного елемента WEB-сторінки, що простіше й більш функціонально, ніж використання звичайного набору HTML тегів.
Існує три види таблиць стилів: внутрішні таблиці стилів, глобальні таблиці стилів і пов'язані таблиці стилів. Внутрішні таблиці стилів (InlineStyleSheets) містяться в HTML тегу. Глобальні (GlobalStyleSheets) визначають стиль елементів у всьому документі. Пов'язані (LinkedStyleSheets) можуть бути використані для декількох документів відразу й зберігаються в зовнішньому файлі, що дозволяє уніфікувати подання даних на декількох пов'язаних сторінках.
У глобальних таблицях форматування здійснюється у відповідності з наступними правилами синтаксису: