WEB – ПРОГРАМУВАННЯ. Частина3. - Інформатика - Уроки, реферати, виховні роботи та багато іншого - Обмін досвідом


Форма входу

Вітаю Вас Гість!

Пошук

чат

200

Наше опитування

Чи потрібне зовнішнє оцінювання
Усього відповідей: 235

Статистика


Усього онлайн: 1
Гостей: 1
Користувачів: 0
Головна » Стаття » Інформатика

WEB – ПРОГРАМУВАННЯ. Частина3.

Рис.9.3 – Приклад форматування символів.

Використання шрифтів

Кожний браузер для відображення використовує свій шрифт, тому одна і таж сторінка в різних браузерах буде відображатись різними шрифтами. Але, якщо нам потрібно використовувати визначений шрифт, то можна  вказати, який шрифт слід використовувати. Крім цього можна задати розмір і колір шрифту.                      

Для того щоб визначити шрифт тексту, його розмір і колір, використовуйте дескриптор <FONT> разом з атрибутами COLOR, FACE і SIZE. Можна вибрати будь-яку комбінацію цих атрибутів. Атрибут COLOR задає колір тексту. Колір можна вказувати буквеним, або числовим значенням (Див. Табл. 9.2) Атрибут FACE задає назву шрифту і задається одним або декількома назвами шрифтів, розділених комами. Якщо Web-браузер не знайде на машині перший зазначений шрифт, вона спробує відобразити текст другим і т.д. Атрибут SIZE задає відносний розмір шрифту: +1 позначає на один розмір більше, +2 — на два розміри більше, а -1 — на один розмір менше.

Шрифт, що вказується вами, у дескрипторі <FONT> повинен існувати на комп'ютері користувача і мати те ж ім'я. У противному випадку браузер спробує відобразити його альтернативним шрифтом або шрифтом за замовчуванням.

Приклади зміни шрифту:                                                                                                         

<html>

 <head>

<title> Приклад зміни шрифту</title>

    </head>

 <body>

    Приклади зміну шрифту

<font face="Arial">

Цей приклад демонструє, як змінювати шрифт

для блоку тексту.

</font>

<font size=+4>

Цей приклад демонструє, як змінювати розмір

для блоку тексту.

</font>

<font color=RED size="2" face="Arial,Courier">

Цей приклад демонструє, як змінювати шрифт, розмір і колір блоку тексту.

</font>

</body> </html>

Цей текст в браузері Microsoft Internet Explorer буде виглядати так:в

Рис 9.4. Приклад зміни шрифту.

Кольори в HTML

Кольори в HTML можна задавати назвами та в шіснадцядковому RGB-форматі. В RGB-форматі форматі кольори задаються за допомогою шаблону #RRGGBB, де RR – дві шістнадцядкові цифри, які задають інтенсивність червоного кольору, GG - дві шістнадцядкові цифри, які задають інтенсивність зеленого кольору, BB - дві шістнадцядкові цифри, які задають інтенсивність синього кольору. Наприклад, #FFOOOO — це червоний, тому що інтенсивність синьої і зеленої складових на нулі, а червоної — на максимумі.

 Проте найпростіше вказувати колір за назвою. Існує шістнадцять визначених назв кольорів:

Таблиця 9.2 - Базові кольори HTML

Константа

Колір

Значення

AQUA

Бірюзовий(Аквамарин)

#00FFFF

BLACK

Чорний

#000000

BLUE

Синій(Голубий)

#0000FF

FUCHSIA

Бузковий

#FF00FF

GRAY

Сірий

#808080

GREEN

Зелений

#008000

LIME

Салатовий (Світло-зелений)

#00FF00

MAROON

Каштановий(Темно-бордовий)

#800000

NAVY

Темно-синій

#000080

OLIVE

Маслиновий

#808000

PURPLE

Фіолетовий

#800080

RED

Червоний

#FF0000

SILVER

Cрібний (ясно-сірий)

#C0C0C0

TEAL

Темно-зелений

#008080

WHITE

Білий

#FFFFFF

YELLOW

Жовтий

#FFFF00

Форматування абзаців у HTML

Нижче приведена більшість дескрипторів форматування абзаців, підтримуваних HTML. Кожен дескриптор, крім <LI>, та <BR> приведений у цій таблиці, є контейнером.

Таблиця 9.3 - Дескриптори форматування абзаців

Дескриптор

Опис

<ADDRESS>

Поштова адреса

<BLOCKQUOTE>

Відступ вправо

<СІТЕ>

Цитата

<Н1>. . . <Н6>

Заголовок (з першого по шостий рівні)

<LI>

Елемент списку

<OL>

Упорядкований список (використовується разом з <LI>)

<UL>

Неупорядкований список (використовується разом з <LI>

<Р>

Звичайний абзац

<PRE>

Неформатированный текст (зберігає пробіли)

<BR>

Використовується для розриву рядка і відступу.

Створення звичайних абзаців

У текстовому процесорі для створення нового абзацу необхідно просто натиснути клавішу <Enter>.  В HTML для цього можна використовувати дескриптор <BR>. Але абзац — це щось ціле, до чого можна застосувати безліч операцій форматування. У Web-браузері абзаци відокремлюються один від одного порожнім рядком. У HTML абзац позначається за допомогою дескриптора <Р>.

Наприклад:

<html>

    <head>

    <title>Абзаци</title>

    </head>

<body>

    <p>І-й абзац</p>

<p>ІІ-й абзац</p>

    <p>ІІІ-й абзац</p>

</body>

</html>

Організація структури документа за допомогою заголовків

У HTML існує шість рівнів заголовків, відмічуваних дескрипторами від <Н1> по <Н6>. Розглянемо це на такому прикладі.

<html>

    <head>

    <title>Заголовки</title>

    </head>

<body>

    <h1>Заголовок 1</h1>

    <h2>Заголовок 2</h2>

<h3>Заголовок 3</h3>

<h4>Заголовок 4</h4>

<h5>Заголовок 5</h5>

<h6>Заголовок 6</h6>

</body>

</html>


Рис.9.5 – Приклад форматування тексту заголовками.

У заголовку кожного рівня використовується той самий шрифт, але різного розміру

Списки

У HTML існує два різних типи списків — маркіровані і нумеровані. Маркіровані списки не упорядковані, тому що для інформації, що вони представляють, — це просто довільний набір речей. Для створення маркірованого списку використовується дескриптор <UL>. Після цього для додавання кожного елемента списку використовується дескриптор <LI>, як показано в наступному прикладі:

<html>

    <head>

    <title>Маркірований список</title>

    </head>

<body>

    Маркірований список:

<ul>

      <li>1-й елемент списку</li>

      <li>2-й елемент списку</li>

  <li>3-й елемент списку</li>

  <li>4-й елемент списку</li>

</ul>

</body>

</html>

На мал. видно як маркірований список відображається в браузері.

Рис.9.6 – Приклад маркірованого списку.

Для зміни маркера, що використовується для відображення маркірованого списку, необхідно скористатися атрибутом TYPE дескриптора <UL>. Йому можна привласнювати значення CIRCLE, DISC або SQUARE. Однак поводження цього атрибута в різних броузерах відрізняється.

Нумеровані списки впорядковані, тому що в них відображається послідовність чисел. Нумеровані списки використовуються для опису інструкцій або представлення списку ідей у порядку пріоритету. Для створення нумерованого списку застосовується дескриптор <OL>, як показано в слідуючому прикладі. Елементи в список додаються за допомогою дескриптора <LI>, так само, як і в попередньому прикладі.

<html>

    <head>

    <title>Нумерований список </title>

    </head>

<body>

    Нумерований список

<ol>

      <li>1-й елемент списку</li>

      <li>2-й елемент списку</li>

  <li>3-й елемент списку</li>

  <li>4-й елемент списку</li>

</ol>

</body>

</html>


Категорія: Інформатика | Додав: stdynzosh (24.03.2009) | Автор: Олександр
Переглядів: 624 | Рейтинг: 0.0/0
Усього коментарів: 0
Додавати коментарі можеть тільки зареєстровані користувачі.
[ Реєстрація | Вхід ]