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

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

WM-копілка

Наше опитування
Оцініть мій сайт
Результати | Архів опитувань
Всього відповідей: 68

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

Форма входу
Головна » Статті » Основи веб-дизайну » Основи мови HTML
Використання таблиць для розміщення об'єктів на веб-сторінці
Під час відображення веб-сторінок браузер розміщує елементи на
екрані один за одним у тому порядку, в якому вони записані у
HTML-документі. Для позиціювання елементів розроблено спеці­
альні засоби мови HTML, проте часто для цього використовують таблиці. На веб-сторінці створюють таблицю без рамок і у її ко­
мірки поміщають різні об'єкти.

Розмістимо назви класів по діагоналі так, як це показано в табл. 2.6,
але самої таблиці на веб-сторінці відображати не будемо.

Таблиця 2.6. Таблиця, в якій інформація розміщується по діагоналі

Старші класи
10-А
10-Б
11-А
11-Б
11-В

Нижче наведено текст HTML-документа, в якому для позиціюван-
ня елементів використано табл. 2.6.

<HTML>
<TITLE>Приклад позиціювання</TITLE>
<BODY>
<TABLE>
<TR>
<ТН>Старші класи</ТН>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR>
<TD></TD><TD>10-A</TD><TD></TD><TD></TD><TD></TD><TD></TD>
</TR>
<TR>
<TD></TD><TD></TD><TD>10-B</TD><TD></TD><TD></TD><TD></TD>
</TR>
<TR>
<TD></TD><TD></TD><TD></TD><TD>11-A</TD><TD></TD><TD></TD>
</TR>
<TR>
<TD></TD><TD></TD><TD></TD><TD></TD><TD>11-B</TD><TD></TD>
</TR>
<TR>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD>11-B</TD>
</TR>
</TABLE>
</BODY>
</HTML>

На рис. 2.13 показано, який вигляд має цей HTML-документ у вік­
ні браузера.



Комірки таблиці можна заповнювати не лише текстом, а й зоб­
раженнями, іншими таблицями та рухомими рядками. Текст
або зображення всередині комірки може бути гіперпосиланням.

Наприклад:
<TD><A HREF="lib.html">11-B</A></TD>
Категорія: Основи мови HTML | Додав: Farengeit (2011-12-23)
Переглядів: 1999 | Коментарі: 2 | Рейтинг: 0.0/0
Всього коментарів: 0
Ім`я *:
Email *:
Код *:
Новини
Остання новина: Новий спосіб заробітку
Copyright MyCorp © 2024 Зробити безкоштовний сайт з uCoz