|
Основные атрибуты элементов таблицы ⇐ ПредыдущаяСтр 4 из 4
Ниже перечислены основные атрибуты элементов таблиц. · Атрибут ALIGN управляет выравниванием содержимого ячеек. Допустимые значения LEFT (влево), RIGHT (вправо) и CENTER (по центру). · Атрибут BACKGROUND задает фоновое изображение для ячеек строки: BACKGROUND=URL · Атрибут BGCOLOR задает фоновый цвет для ячеек строки. · Атрибут BORDER задает толщину рамки, обрамляющей ячейки строки. Нулевое значение данного атрибута означает отсутствие обрамления. · Атрибут VALIGN встречается внутри тегов <TR>, <TH> и <TD>. Он определяет вертикальное выравнивание данных в ячейках. Доступные значения ТОР (вверху), BOTTOM (внизу), CENTER (по центру), MIDDLE (по середине) и BASELINE (по базовой линии). · Атрибут NOWRAP говорит о том, что данные в ячейке не могут логически разбиваться на строки и должны быть представлены одной строкой. · Атрибут COLSPAN указывает, какое количество ячеек будет объединено по горизонтали с указанной ячейкой. По умолчанию значение этого атрибута равно 1. · Атрибут ROWSPAN указывает, какое количество ячеек будет объединено по вертикали с указанной ячейкой. По умолчанию значение этого атрибута равно 1. · Атрибут RULES определяет правила вывода линий между ячейками, например: <TABLE RULES=ALL> Доступные значения: § NONE - нет линий (это значение используется по умолчанию); § GROUPS - линии отображаются только между группами строк (которые задаются тегами <THEAD>, <TFOOT> и <TBODY>) или группами столбцов (которые задаются тегами <COLGROUP и <COL>); § ROWS - линии отображаются только между строками; § COLS - линии отображаются только между столбцами; § ALL - линии отображаются между строками и столбцами. · Атрибут FRAME указывает, какие стороны фрейма, окружающего таблицу, должны быть видимыми, например: <TABLE FRAME=VOID> Доступные значения: § VOID - стороны невидимы (это значение используется по умолчанию); § ABOVE - видима только верхняя сторона; § BELOW - видима только нижняя сторона; § HSIDES - видимы только верхняя и нижняя стороны; § VSIDES - видимы только левая и правая стороны; § LHS - видима только левая сторона; § RHS - видима только правая сторона; § BOX - видимы все четыре стороны; § BORDER - как и в предыдущем случае, видимы все четыре стороны (визуальных различий между этими двумя значениями нет).
Рис. 7. Таблица с объединенными ячейками · Атрибут ID задает имя для ссылки, например: <TABLE ID=имя> Пример таблицы, в которой объединены ячейки с помощью атрибутов COLSPAN и ROWSPAN, показан в листинге 2 (рис. 7).
Листинг 2. Пример создания таблицы с объединенными ячейками. <HTML> <HEAD><TITLE>текст в таблицах</TITLE></HEAD> <BODY> <TABLE ALIGN=CENTER WIDTH=”80%” BORDER=10> <CAPTION>Пример таблицы с объединенными ячейками по вертикали и горизонтали</CAPTION><BR> <TR> <TD WIDTH=30%>А11 Ячейка первого столбца и первой строки</TD> <TD WIDTH=200>А12 Ячейка второго столбца и первой строки</TD> <TD ROWSPAN=2 VALIGN=TOP>А13+А23 (объединение ячеек по вертикали)</TD> </TR> <TR> <TD ALIGN=CENTER>Ячейка А21<br>выравнивание по центру</TD> <TD ALIGN=right>Ячейка А22 <br> выравнивание по правому краю ячейки</TD> </TR> <TR> <TD HEIGHT=60 VALIGN=TOP><IMG width=150 SRC="27.gif"><BR>Ячейка А31</TD> <TD BACKGROUND = 33.jpg COLSPAN=2> <FONT SIZE=+1 COLOR=#FFFFFF> Ячейка А32+A33 (объединение ячеек по горизонтали) </TD> </TR> </TABLE> </BODY> </HTML>
Задание к лабораторной работе
1. Создать веб-страницу. 2. Создать списки в соответствии с вариантом, приведенном ниже в таблице. Таблица
3. Создать список определений. 4. Создать таблицу (предварительно получить у преподавателя индивидуальное задание).
5. СОДЕРЖАНИЕ ОТЧЕТА ПО ЛАБОРАТОРНОЙ РАБОТЕ
1. Результаты выполнения подготовительного задания: титульный лист, цель и задачи работы, краткие теоретические сведения. 2. Результаты выполнения лабораторных заданий, оформленные в виде листинга программы с указанием результата ее выполнения. 3. Выводы по результатам выполнения заданий и заключение по работе в целом. КОНТРОЛЬНЫЕ ВОПРОСЫ
1. Назовите основные виды списков используемые в HTML-документах? 2. С помощью какого тега создаются нумерованные списки? 3. С какого тега начинается каждый элемент списка? 4. С помощью какого тега создаются маркированные списки? 5. Для каких целей используются теги<DL> и <DD>? 6. Какие атрибуты у тега <TABLE>? 7. Что позволяет создавать атрибут BACKGROUND? 8. Какие теги служат для создания строк и столбцов таблицы? 9. Какой тег используется для создания ячейки таблицы? 10. Как можно создать заголовок и подпись таблицы? 11. Какие теги служат для группирования элементов таблиц? 12. С какой цель используется тег <COLGROUP>? 13. Какие атрибуты может иметь тег <COLGROUP>? 14. С какой цель используется тег <TBODY>? 15. Назовите основные атрибуты элементов таблиц? 16. Что определяет атрибут VALIGN? Внутри каких тегов встречается? 17. Что определяет атрибут RULES? 18. Назовите доступные значения атрибута RULES? 19. Какой атрибут говорит о том, что данные в ячейке не могут логически разбиваться на строки и должны быть представлены одной строкой? 20. Что определяет атрибут VALIGN? 21. Какой атрибут задает свободное пространство сверху и снизу от таблицы в пикселах?
Библиографический список
1. Комолова, Н.В. HTML: учебный курс / Н.В. Комова. – СПб.: Питер, 2007. – 268 с. 2. Якубайтис, Э.А. Информационные сети и системы / Э.А. Якубайтис. – М.: Финансы и статистика, 2006. – 368 с.
Содержание
Что способствует осуществлению желаний? Стопроцентная, непоколебимая уверенность в своем... Что будет с Землей, если ось ее сместится на 6666 км? Что будет с Землей? - задался я вопросом... Что вызывает тренды на фондовых и товарных рынках Объяснение теории грузового поезда Первые 17 лет моих рыночных исследований сводились к попыткам вычислить, когда этот... ЧТО ТАКОЕ УВЕРЕННОЕ ПОВЕДЕНИЕ В МЕЖЛИЧНОСТНЫХ ОТНОШЕНИЯХ? Исторически существует три основных модели различий, существующих между... Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:
|