Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ОБЩИЙ_файл_ПОСОБИЕ.doc
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
22.69 Mб
Скачать

Значення кольорів html-документа

Назва

Значення

Колір

black

silver

gray

white

macron

red

purple

fuchsia

green

lime

olive

yellow

navy

blue

teal

#000000

#808080

#C0C0C0

#FFFFFF

#800000

#FF0000

#800080

#FF00FF

#00F000

#00FF00

#808000

#FFFF00

#000080

#0000FF

#008080

чорний

темно-сірий

сірий

білий

бордовий

червоний

фіолетовий

ліловий

зелений

яскраво-зелений

оливковий

жовтий

темно-синій

синій

синьо-зелений

Нижче подано приклад HTML-коду використання кольорів:

<HTML>

<HEAD>

<TITLE> Використання кольорів в елементі BODY </TITLE>

</HEAD>

<BODY bgcolor=“#C0C0C0” text=”green” link=”0080FF” vlink=”blue” alink=”navy”>

Звичайний неформатований текст повинен відображатись чорним кольором

</BODY>

</HTML>.

Структурування тексту

Заголовки в HTML-документі. Крім заголовка документа, визначеного вище, в HTML передбачено ще 6 рівнів заголовків, які сприяють поліпшенню логічної структури документа. Заголовки поміщаються між парними тегами у відповідності з їх рівнями:

<H1> Заголовок 1-го рівня </H!>

....................................................

<H6> Заголовок 6-го рівня </H6>.

Браузер відображує заголовки у відповідності з визначеними рівнями, установлюючи необхідні шрифти та їх параметри.

Формування абзаців. В HTML є декілька можливостей створення абзаців. Самий простий це – застосування тегів <Р> і </Р>, між якими поміщають текст абзацу. Кінцевий тег не є обов’язковим.

Для переходу до наступного рядка застосовується одинарний тег <BR>. Приклад:

<HTML>

<HEAD>

<TITLE> Філософська думка </TITLE>

</HEAD>

<BODY>

<Р> Вислів із збірника “САД ПІСЕНЬ” </Р> <BR>

<Р> Пізнай самого себе </Р><BR>

<Р> І ти пізнаєш весь світ </Р><BR><BR>

Г. Сковорода

</BODY>

</HTML>.

Вирівнювання абзаців. За умовчанням в HTML абзаци вирівнюються по лівому краю. Але можна змінити вирівнювання з допомогою атрибута align, який дозволяє застосувати вирівнювання по лівому краю, по правому краю та по центру. Відповідний атрибут матиме наступний вигляд: align=”left”, align=”right”, align=”center”.

Приклад:

<H1 align=”center”> Розділ1. Країни </H1>.

Форматування символів. Для форматування символів використовується елемент FONT. З ним пов’язані атрибути: face (список шрифтів), color і size. Застосування вказаних атрибутів пояснює наступний приклад:

<FONT face=”Arial” color=”orange”> Україна </FONT>.

Крім того, для форматування символів застосовуються теги:

<B> … </B> – напівжирний шрифт,

<I> … </I> – курсив,

<U> … </U> – підкреслено.

Приклад:

<I> Г. Сковорода </I>.

Створення списків. В HTML вирізняються марковані (неупорядковані) і нумеровані (упорядковані) списки. Для їх представлення використовуються пари наступних тегів:

<UL> … </UL> – для маркованих списків,

<OL> … </OL> – для нумерованих списків.

Між тегами поміщаються елементи списків LI, котрі подаються у вигляді тегів <LI> … </LI>, які позначають початок або кінець окремого елемента списку. Таким чином, кількість елементів LI дорівнює кількості рядків (абзаців) в списку. Найменування тегів походять від термінів:

UL – Unordered List – невпорядкований список,

OL – Ordered List – упорядкований список,

LI – List Item – елемент списку.

Інколи на початку списку розміщують заголовки списку, котрі виділяються парами тегів <LH> … </LH>, де LH – List Header – заголовок списку. Приклади:

<!-- Маркований список -->

<H2> Зміст електронного модуля </H2>

<UL>

<LI> Вступ</LI>

<LI> Теорія</LI>

<LI> Практика</LI>

<LI> Тести</LI>

</UL>

За замовчуванням елементи списку маркуються чорним кружечком. За допомогою атрибута type можна змінити стиль маркування: type="disc", type="circle", type="square".

В межах одного списку можна використовувати різну маркування елементів списку.

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

<H2> План лекції </H2>

<OL>

<LI> Поняття економічної інформації</LI>

<LI> Властивості інформації</LI>

<LI> Джерела інформації</LI>

<LI> Структурні одиниці інформації</LI>

</OL>

</BODY>

Нумеровані списки за умовчанням задаються арабськими цифрами, проте можуть бути подані римськими цифрами, а також літерами латинського алфавіту. Визначається вид нумерації атрибутом type тега <LI> в такий спосіб:

<LI type=A> – латинські заголовкові літери</LI>,

<LI type=a> – латинські рядкові літери</LI>,

<LI type=І> – цифри римського алфавіту</LI>.

За допомогою атрибутів START і VALUE можна змінити порядок нумерації списку. START – служить для завдання початкового номера списку, відмінного від 1. VALUE – дає можливість призначити довільний номер будь-якого елементу списку.

Списки визначень. Цікавою різновидністю списків в HTML є список визначень. Такі списки мають надавати визначення деяких термінів. Список формується всередині HTML-елемента DL, який подається парою тегів <DL> і </DL>. Кожний елемент списку визначень складається з двох частин: Терміна (HTML-елемент DT) і визначення терміна (HTML-елемент DD). Пояснення дає наступний приклад:

<DL>

<DT> HTML</DT>

<DD> Мова гіпертекстової розмітки</DD>

<DT> WWW</DT>

<DD> Від англ.. World Wide Web, глобальна мережа </DD><BR>

із з’єднаних між собою гіпертекстових документів

</DL>.

Застосовані терміни означають наступне:

DL (Determin List) – визначення напису,

DT (Determin Termin) – визначення терміну,

DD (Determin Data) – пояснення терміна.