Хід роботи

1. Створити папку Практична робота №2. В цій папці створити HTML-документ, у якому записати своє прізвище, ім’я, по-батькові, використовуючи заголовок першого рівня (<h1>, <\h1>).

2. Розмістити в документі прислів’я наступним чином:

а) перше прислів’я вирівняти по лівому краю (ALIGN=left) та оформити курсивним шрифтом (<I> </I>) (Наприклад,

<p ALIGN=left> <I> Діло майстра величає! </I></p>;

б) друге – по центру (ALIGN=center) напівжирним шрифтом (<B> </B>);

в) третє – по правому краю (ALIGN=right) підкресленим шрифтом (<U> </U>);

г) четверте, п’яте, шосте, сьоме, восьме – по ширині вікна браузера (ALIGN=justify) курсивним та підкресленим шрифтом одночасно. (Наприклад,

<p ALIGN= justify> <I> <U>Життя любить того, хто за нього бореться, а нищить того, хто йому піддається. Виходиш з дому – кланяйся життю молодому. Від теплого слова і лід розмерзається. Птицю пізнати по пір'ю, а людину по мові. Мудрий не все каже, що знає, а дурень не все знає, що каже. </I> </U> </p>.

3. Включити до документу елементи логічного форматування. Кожне логічне форматування оформляти з нового рядка. Наприклад, для виділення цитат використовуються теги (<CITE> </CITE>), для цього вводимо:

<br><CITE> У 2003 році при інституті </CITE>.

Аналогічно оформити інші фрагменти тексту: туризму і менеджменту (<CODE> </CODE>) була відкрита кафедра (<EM> </EM>) організації туристичної діяльності (<KBD> </KBD>). Після її реорганізації у 2007 році (<STRONG> </STRONG>) було створено кафедру туризму і краєзнавства (<VAR> </VAR>).

4. Включити до поданого речення елементи фізичного форматування (Напівжирний, (<B> </B>), Курсив (<I> </I>), Підкреслений (<U> </U>), Друкарська машинка (<TT> </TT>), Закреслений (<S> </S>), Великий (<BIG> </BIG>), Маленький (<SMALL> </SMALL>): “Інститут туризму і менеджменту є структурною одиницею Прикарпатського національного університету імені Василя Стефаника, він був створений наказом ректора університету 154 від 19.08.2003р., на підставі рішення Вченої ради номер 10 від 2.07.2003р.”. Використовувати до деяких слів одночасно декілька різних тег фізичного форматування.

5. Відформатувати вказаний текст (верхній індекс ставиться за допомогою попарного тегу <SUP> </SUP>, а нижній – за допомогою попарного тегу <SUB> </SUB> ):

(<br>3x²+2x=0)

C₂H₅OH.

Контрольні запитання

1. Що таке логічний (logical) та фізичний (Physical) стилі форматування вмісту документа?

2. Яке призначення тега FONT?

3. Які значення можуть набувати параметри тега FONT?

4. Які теги позначають товстий, курсивний та підкреслений шрифти?

5. За допомогою яких тегів можна вказати нижній індекс? А верхній індекс?

ПРАКТИЧНЕ ЗАНЯТТЯ № 6

КОЛІР. ЛІНІЇ. ШРИФТ. СПИСКИ

Мета. Навчитися створювати записи різними кольорами, викорис­товувати різні шрифти, створювати лінії та нумеровані й марковані списки.

Теоретичні відомості