Читайте также: |
|
<HTML>... < /HTML> - включають в себе всі інші теги HTML і весь інформаційний зміст документа.
<HTML> розташовується у першому рядку документа;
</HTML> - у останньому рядку.
Розділ HEAD – Інформація про документ
<HEAD>... </HEAD> - містить інформацію про документ.
В розділі заголовку документа можна розмістити наступні елементи
- Назва документа <TITLE>... </TITLE>, яка відображається в рядку заголовка ІE;
- елемент BASE, точна базова адреса, що задає, посилання на URL документа;
- елемент META, що може містити різноманітну метаінформацію, наприклад дату створення документа;
- елемент LINK, який також задає метаінформацію, але вже про зв'язки документа з іншими документами;
- елементи STYLE дозволяють задавати передформатування та визначення стилів для створеного web -документа;
- SCRIPT. Очікується, що в майбутньому це будуть дуже важливі елементи, але зараз вони ще відносно мало використовуються (тому що стандартизація знаходиться в стадії розвитку).
Тіло документа
<BODY>...</BODY> - тіло документа містить весь текст з інформацією і всі теги HTML, які використовуються для форматування тексту.
Можливі атрибути тега BODY Таблиця 1.1
назва атрибута | можливі значення | призначення |
BGCOLOR | кольорова специф. | фоновий колір документа |
TEXT | кольорова специ ф. | колір тексту документа |
LINK | кольорова специф. | колір невідвіданих посилань |
VLINK | кольорова специф. | колір відвіданих посилань |
ALINK | кольорова специфі-кація | колір для активного гіпертекстового посилання; використовується для виділення тексту зв'язку в момент, коли користувач вибрав на зв'язок |
BACKGROUND | URL | URL фонового малюнка |
LEFTMARGIN | ціле число | задає ліве поле для всієї сторінки у пікселях. При 0 ліве поле відсутнє |
TOPMARGIN | ціле число | задає праве поле для всієї сторінки у пікселях. При 0 ліве поле відсутнє |
Приклад (базова структура HTML-документа) Файл у форматі HTML:
<HTML>
<HEAD><ТITLЕ>Моя перша web-cтopiнкa </TITLE></HEAD>
<BODY BGCOLOR=”#FFOOOO” LEFTMARGIN=”25” TOPMARGIN=”20”>
Текст моєї першої web-сторінки
</BODY></HTML>
Способи задання кольорів (кольорова специфікація)
Для багатьох елементів HTML документа виникає потреба задавати кольори. Для специфікації кольору, як значення атрибута, існують два варіанти:
1. Цифрове позначення в шіснадцятковому запису, наприклад, "#FF0000", що контролює, яким очином колір формується з основних складових кольорової моделі RGB, де R – червоний, G – зелений і B – синій, при цьому позначення повинне бути взяте в подвійні лапки. а перед позначенням кольору повинен бути символ #. Яскравість кожної складової вимірюється цілим числом, яке у десятковій системі числення знаходиться у межах від 0 до 255, а в шістнадцятковій може приймати значення від 0 до 9 і від А до F (00, 01,..., 09, ОА,..., FF). Значення 00 е мінімальним, a FF - максимальним
2. Символьна нотація за допомогою зарезервованих назв. Визначено шістнадцять таких назв (таблиця 1.2), які можна записувати в будь-якому регістрі з лапками або без них.
Зарезервовані назви кольорів і RGB значення Таблиця 1.2
назва | RGB значення | Колір |
Black | "#000000" | Чорний |
Silver | "#C0C0C0" | Срібло |
Gray | "#808080" | Сірий |
White | "#FFFFFF" | Білий |
Maroon | "#800000" | Темно-бордовий |
Red | "#FF0000" | Червоний |
Purple | "#800080" | Фіолетовий |
Fuchsia | "#FF00FF" | Світло фіолетовий |
Green | "#008000" | Зелений |
Lime | "#00FF00" | Вапно |
Olive | "#808000" | Маслиновий |
Yellow | "#FFFF00" | Жовтий |
Navy | "#000080" | Темно-синій |
Blue | "#0000FF" | Синій |
Teal | "#008080" | Морська хвиля |
Aqua | "#00FFFF" | Аква |
Примітка. У випадку, якщо є потреба створити колір, коду і назви якого немає у наведених довідкових матеріалах, можна скористатись будь-яким графічним редактором (в тому числі, і найпростішим Paint). У кожному графічному редакторі є палітра для «змішування кольорів», де можна дізнатись про інтенсивність трьох складових будь-якого кольору, представлену у десятковій формі. Щоб одержати їх шістнадцяткові значення, слід скористатись Калькулятором (Calculator) - стандартною програмою Windows. Для цього необхідно:
- завантажити PAINT;
- увійти в пункт меню Color→Edit Color→Define Custom Colors (Палитра→ Изменить палитру→Определить цвет);
- користуючись маркером, обрати потрібний колір і відтінок;
- завантажити Calculator(Калькулятор);
- перевести його у розширений режим View→Scientific (Вид-Инженерный);
- ввести інтенсивність кольору (наприклад, червоний колір має інтенсивність 224) і перейти на шістнадцяткове числення (режим Hex); у віконці калькулятора буде написано F4 - це шістнадцяткове значення десяткового 226.
- перейти у десятковий режим - ввести наступний код інтенсивності кольору - перейти у режим Hex і таким чином визначити інтенсивність всіх складових.
Дата добавления: 2014-12-20; просмотров: 100 | Поможем написать вашу работу | Нарушение авторских прав |