П`ятниця, 2024-05-17, 9:23 AM
Web-майстрам
Вітаю Вас Гість | RSS
Головна Каталог статей Реєстрація Вхід
Меню сайту

Категорії розділу
Автоматизоване створення й підтримка веб-ресурсів [10]
Основи мови HTML [17]
Графіка, аудіо- та відеоінформація на веб-сторінках [6]

WM-копілка

Наше опитування
Оцініть мій сайт
Всього відповідей: 68

Статистика

Онлайн всього: 1
Гостей: 1
Користувачів: 0

Форма входу

Головна » Статті » Основи веб-дизайну » Основи мови HTML

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

Таблиця може мати заголовок, який задається тегами <CAPTION>
та </CAPTION>. Тег <CAPTION> може містити атрибут ALIGN
з одним із значень to p або bottom, які визначають розташування
заголовка відповідно перед таблицею або після неї (за умовчан­
ням встановлено значення top) . Наприклад, <CAPTION ALIGN=
bottom>Poзклaд уроків</САРТІОN>.

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

Приклад 2.4. HTML-документ, що містить таблицю

Визначимо структуру табл. 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>
Який вигляд матиме ця веб-сторінка у вікні браузера, показано
на рис. 2.8.

Зверніть увагу на те, що за відсутності даних у комірці таблиці
рамка навколо неї не відображається. Для того щоб рамку було видно, можна ввести спеціальний код   (non-breaking
space — нерозривний пробіл). Після цього порожня комірка буде
взята в рамку.

Категорія: Основи мови HTML | Додав: Farengeit (2011-12-23)
Переглядів: 3364 | Коментарі: 2 | Рейтинг: 0.0/0
Всього коментарів: 1
1 uQfahyJ  
0
PPARОі ligand binding activity of fragrin A increased 4 <a href=http://viagr.top>viagra boys lead singer</a> Comparison of baseline data by ANOVA showed no significant differences for any variable between the 4 study days or an effect of treatment order, confirming the adequacy of the washout period between treatments and indicating that the animals are stable and returned to baseline in the time interval between study days

Ім`я *:
Email *:
Код *:
Новини
Остання новина: Новий спосіб заробітку

Copyright MyCorp © 2024 Зробити безкоштовний сайт з uCoz