Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лабораторна робота1,2 (HTML)5.doc
Скачиваний:
0
Добавлен:
01.04.2025
Размер:
105.98 Кб
Скачать

Частина 2.

ТЕМА. Шрифти, списки і таблиці.

1. ТЕГ ЗАДАННЯ ПАРАМЕТРІВ ШРИФТУ FONT.

Парний тег FONT використовують із параметрами: FACE – тип шрифтів, SIZE - розмір, може бути від 1 до 7, розмір 3 вважається стандартним, COLOR – колір. Наприклад:

<FONT FACE = "Decor, Arbat" SIZE = +2 COLOR = " red "> Текст </FONT>

Основні кольори:

black — чорний green — зелений fushsia — рожевий

while — білий navy — темно-синій teal — бірюзовий

silver — сірий lime — яскраво-зелений blue — синій

aqua — блакитний maroon — малиновий olive — темно-зелений

purple — бузковий gray — темно-сірий red — червоний

yellow — жовтий

Відтінки задають спеціальними шістнадцятковими кодами, як це прийнято в графічних редакторах, наприклад, один з відтінків сірого кольору має код #ff7800.

Приклад 1.

<HTML> <!--Це файл file3.htm -->

<HEAD> <TITLE> Робота з шрифтами </TITLE> </HEAD>

<!-- Текст в кодах можна записувати підряд -->

<BODY BGCOLOR = "aqua" TEXT = "red" >

<H2> Це web-сторінка студентки медичного факультету </Н2>

<HR> <!—у рядку буде проведена горизонтальна риска -->

<CENTER>

<B> Привіт! </B>

<B> Мене звати </B>

<B> Світлана </B>

</CENTER>

<P> Я навчаюся в УжНУ на 1 <SUP> <I> мy </I> </SUP> курсі медичного факультету спеціальність фармація

<I> в місті Ужгород. </I>

На даному курсі вивчаємо загальні та спеціальні предмети такі як: аптечна технологія ліків, фармакогнозія, фарм. хімія, фізіологія, хірургія, мед. фізика, мед. біологія. Найбільш улюбленим предметом для мене є аптечна технологія ліків. Мрію стати хорошим спеціалістом в даній галузі та працювати на одній із фірм по виготовленню ліків Дарниця або Артеріум.

<BR> " У місті Київ. "

<P>

<CENTER> Колись тут буде моя фотографія. </CENTER>

<P> Моя адреса:

<B>

<I> поштовий індекс…,місто…,будинок… </I>

</B>

<HR>

</BODY> </HTML>

Зауваження. У тексті використано так званий мнемо-код &quot, який відобразить на екрані лапки. Замість мнемо-коду можна використати числовий код &#34. Коди інших спец-символів (<, >, & тощо) можна знайти у довідниках. Адреси можна записувати в парному тезі <ADDRESS> ... </ADDRESS>.

2. Створення списків.

Є три типи списків: ненумерований, нумерований, тлумачення. Список може мати заголовок, який охоплюють тегами <LH>...</LH>, наприклад:

<LH> Це заголовок списку </LН>.

Ненумерований список утворюють за допомогою парного тегу <UL> ...</UL> і одинарних тегів <LI>, наприклад, так:

<LH> Мої улюблені предмети :</LH> <!—Заголовок списку-->

<UL> <!—Вказує тип списку -->

<LІ> фармакогнозія <!-- перший елемент списку -->

<LІ> англійська мова <!--другий елемент списку -->

<LІ> хірургія <!--третій елемент списку -->

</UL>

Нумерований список створюють за допомогою парного тега <OL>... </OL> з необов'язковим параметром TYPE і одинарних тегів <LI> так:

<LH> Мої улюблені предмети:</ LH >

<OL TYPE="1">

<LІ> фармакогнозія

<LІ> Англійська мова

<LІ> Історія

</OL>

Значення "і" чи "І" параметра TYPE задає нумерацію римськими малими (і, іі, ііі, iv, ...) чи великими (І, II, III, IV, ...) цифрами, а значення "а" чи "А" - латинськими малими (a, b, c, d, ...) чи великими (А, В, С, ...) літерами.

Список тлумачень використовують для пояснення термінів, створення словників тощо. Його утворюють за допомогою парного тегу <DL>...</DL> і двох одинарних тегів <DT> і <DD> так:

<LH> 3aголовок </LH>

<DL> <!--список тлумачень -->

<DT> термін

<DD> тлумачення 1

<DD> тлумачення 2

</DL>

Наприклад:

<LН>Я знаю такі нові терміни: </ LН>

<DL>

<DT> HTML

<DD>

<І> мова для розмічування гіпертекстових Web-сторінок </I>

<DT> браузер

<DD>

<І> програма для перегляду web- документів </І>

<DT> тег

DD>

<І> засіб для записування команд мовою HTML </I>

</DL>