ОФОРМЛЕННЯ ТА ФОРМАТУВАННЯ ТЕКСТУ, СТВОРЕННЯ ТАБЛИЦЬ
ТЕСТИ
ПИТАННЯ №1
ПИТАННЯ №2
ПИТАННЯ №3
ПИТАННЯ №4
ПИТАННЯ №5
ПИТАННЯ №6
ПИТАННЯ №7
ПИТАННЯ №8
ПИТАННЯ №9
Форматування тексту
Весь головний контент сторінки розміщується в тегах <BODY>наш текст</BODY>. Теги форматування символів тексту.
<В> текст </В> | Товстий шрифт тексту |
<І> текст </I> | Шрифт-курсив |
<U> текст </U> | Підкреслений шрифт |
<SUB> текст </SUB> | Нижній індекс. |
<SUP> текст </SUP> | Верхній індекс. |
<BIG> текст </BIG> | Великий шрифт. |
<SMALL> текст </SMALL> | Малий шрифт. |
<EM> текст </EM> | Виокремлений курсивом текст(те саме, що тег І ) |
<B><I> текст </I></B> | Товстий курсив. |
Якщо вирівнювання заголовка чи іншого елемента на сторінці потрібно задати явно, то використовують теги вирівнювання:
<CENTER> елемент </CENTER> | Вирівнювання по центру |
<LEFT> елемент </LEFT> | Вирівнювання по лівому краю |
<RIGHT> елемент </RIGHT> | Вирівнювання по правому краю |
Створення таблиці
Для створення таблиці використовують чотири елементи. Таблицю описують за допомогою тегів<TABLE>...</TABLE>; вона повинна мати один або кілька рядків <TR>...</TR>, у кожному з яких може міститися заголовок <ТН>...</ТН> або дані <TD>...</TD>. За умовчанням таблиця має невидимі межі комірок. Для того щоб зробити їх видимими, використовують атрибут BORDER, який має цілочислове значення, що визначає товщину рамки в пікселях, наприклад <TABLE BORDER=5>.
Таблиця може мати заголовок, який задається тегами <CAPTION>та </CAPTION>.
Кожний рядок таблиці починається з тегу <TR> і закінчується тегом </TR>. Якщо рядок містить заголовки стовпців таблиці, то використовують теги <ТН> і </ТН>, якщо ж дані — то <TD> і </TD>.
Наприклад, <ТН> Понеділок </ТН> або <TD>1. Алгебра </ТD>. У таблиці слово «Понеділок» буде виділене браузером напівжирним шрифтом, а текст «1. Алгебра» відформатовано стандартним способом.
Визначимо структуру табл. 2.2. Вона містить назви п'яти робочих днів тижня, на кожен з яких припадає 4-5 уроків.
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>