1 of 12

ОФОРМЛЕННЯ ТА ФОРМАТУВАННЯ ТЕКСТУ, СТВОРЕННЯ ТАБЛИЦЬ

2 of 12

ТЕСТИ

ПИТАННЯ №1

3 of 12

ПИТАННЯ №2

4 of 12

ПИТАННЯ №3

5 of 12

ПИТАННЯ №4

ПИТАННЯ №5

6 of 12

ПИТАННЯ №6

ПИТАННЯ №7

7 of 12

ПИТАННЯ №8

ПИТАННЯ №9

8 of 12

Форматування тексту

Весь головний контент сторінки розміщується в тегах <BODY>наш текст</BODY>. Теги форматування символів тексту.

<В> текст </В>

Товстий шрифт тексту

<І> текст </I>

Шрифт-курсив

<U> текст </U>

Підкреслений шрифт

<SUB> текст </SUB>

Нижній індекс.

<SUP> текст </SUP>

Верхній індекс.

<BIG> текст </BIG>

Великий шрифт.

<SMALL> текст </SMALL>

Малий шрифт.

<EM> текст </EM>

Виокремлений курсивом текст(те саме, що тег І )

<B><I> текст </I></B>

Товстий курсив.

9 of 12

Якщо вирівнювання заголовка чи іншого елемента на сторінці потрібно задати явно, то використовують теги вирівнювання:

<CENTER> елемент </CENTER>

Вирівнювання по центру

<LEFT> елемент </LEFT>

Вирівнювання по лівому краю

<RIGHT> елемент </RIGHT>

Вирівнювання по правому краю

10 of 12

Створення таблиці 

Для створення таблиці використовують чотири елементи. Таблицю описують за допомогою тегів<TABLE>...</TABLE>; вона повинна мати один або кілька рядків <TR>...</TR>, у кожному з яких може міститися заголовок <ТН>...</ТН> або дані <TD>...</TD>. За умовчанням таблиця має невидимі межі комірок. Для того щоб зробити їх видимими, використовують атрибут BORDER, який має цілочислове значення, що визначає товщину рамки в пікселях, наприклад <TABLE BORDER=5>.

Таблиця може мати заголовок, який задається тегами <CAPTION>та </CAPTION>.

Кожний рядок таблиці починається з тегу <TR> і закінчується тегом </TR>. Якщо рядок містить заголовки стовпців таблиці, то використовують теги <ТН> і </ТН>, якщо ж дані — то <TD> і </TD>.

Наприклад, <ТН> Понеділок </ТН> або <TD>1. Алгебра </ТD>. У таблиці слово «Понеділок» буде виділене браузером напівжирним шрифтом, а текст «1. Алгебра» відформатовано стандартним способом.

11 of 12

Визначимо структуру табл. 2.2. Вона містить назви п'яти робочих днів тижня, на кожен з яких припадає 4-5 уроків.

12 of 12

HTML-код для створення цієї таблиці матиме такий вигляд:

<HTML>

<TITLE>Приклад простої таблиці</TITLE>

<BODY>

<TABLE BORDER="1">

<САРТION>Розклад уроків</САРТION>

<TR>

<ТН>Понеділок</ТН>

<ТН>Вівторок</ТН>

<ТН>Середа</ТН>

<ТН>Четвер</ТН>

<ТН>П'ятниця</ТН>

</TR>

<TR>

<TD>1. Алгебра</TD>

<TD>1. Українська мова</TD>

<TD>1. Зарубіжна література</TD>

<TD>1. Географія</TD>

<TD>1. Хімія</TD>

</TR>

<TR>

<TD>2. Іноземна мова</TD>

<TD>2. Хімія</TD>

<TD>2. Геометрія</TD>

<TD>2. Фізична культура</TD>

<TD>2. Іноземна мова</TD>

</TR>

<TR>

<TD>3. Фізична культура</TD>

<TD>3. Алгебра</TD>

<TD>3. Іноземна мова</TD>

<TD>3. Фізика</TD>

<TD>3. Геометрія</TD>

</TR>

<TR>

<TD>4. Географія</TD>

<TD>4. Інформатика</TD>

<TD>4. Трудове навчання</TD>

<TD>4. Українська мова</TD>

<TD>4. Українська література</TD>

</TR>

<TR>

<TD></TD>

<TD>5. Фізика</TD>

<TD>5. Українська література</TD>

<TD></TD>

<TD></TD>

</TR>

</TABLE>

</BODY>

</HTML>