
- •Лабораторна робота № 5. Частина 1.
- •Основні теги мови html.
- •Теги для розміщення тексту (вони одинарні):
- •Теги форматування символів тексту (вони парні):
- •Заголовки і теги вирівнювання.
- •Приклад 2.
- •Завдання.
- •Хід роботи
- •Відкрийте редактор Блокнот (Notepad).
- •Частина 2.
- •Приклад 1.
- •2. Створення списків.
- •3. Створення таблиць.
- •Приклад 2.
- •4. Вирівнювання елементів.
- •Завдання
- •Хід роботи
Частина 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>
Зауваження. У тексті використано так званий мнемо-код ", який відобразить на екрані лапки. Замість мнемо-коду можна використати числовий код ". Коди інших спец-символів (<, >, & тощо) можна знайти у довідниках. Адреси можна записувати в парному тезі <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>