Сдам Сам

ПОЛЕЗНОЕ


КАТЕГОРИИ







Основные атрибуты элементов таблицы





 

Ниже перечислены основные атрибуты элементов таблиц.

· Атрибут 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. Создать списки в соответствии с вариантом, приведенном ниже в таблице.

Таблица

Вариант Задание
1 2
  список с нумерацией из больших римских цифр и начальным значением LXXIII, создать вложенные списки: 1) с нумерацией из строчных латинских букв; 2) с нумерацией из арабских цифр и начальным значением 12; 3) с маркерами в виде квадратов.
  список с маркерами в виде квадратов, создать вложенные списки: 1) с нумерацией из больших римских цифр, и начальным значением XCVIII; 2) с не закрашенными круглыми маркерами; 3) с нумерацией из арабских цифр и начальным значением 5.
  список с нумерацией из прописных латинских букв, создать вложенные списки: 1) с нумерацией из арабских цифр и начальным значением 8; 2) с нумерацией из маленьких римских цифр, и начальным значением xxii; 3) с не закрашенными круглыми маркерами.
   
Продолжение табл.
1 2
  список с нумерацией из арабских цифр и начальным значением 2, создать вложенные списки: 1) с нумерацией из больших римских цифр, и начальным значением XLVIII; 2) с не закрашенными круглыми маркерами; 3) с нумерацией из маленьких римских цифр и начальным значением cxvii.
  список с маркерами в виде квадратов, создать вложенные списки: 1) с нумерацией из строчных латинских букв и начальным значением d; 2) с нумерацией из больших римских цифр, и начальным значением CXIV; 3) с нумерацией из арабских цифр.
  список с не закрашенными круглыми маркерами, создать вложенные списки: 1) список с нумерацией из маленьких римских цифр и начальным значением cxxxiv; 2) с нумерацией из прописных латинских букв; 3) с нумерацией из арабских цифр, и начальным значением 50.
  список с нумерацией из арабских цифр и начальным значением 6, создать вложенные списки: 1) с нумерацией из больших римских цифр и начальным значением LXV; 2) с маркерами в виде квадратов; 3) с нумерацией из маленьких римских цифр, и начальным значением xliii.
  список с маркерами в виде квадратов, создать вложенные списки: 1) с не закрашенными круглыми маркерами; 2) с нумерацией из арабских цифр и начальным значением 4; 3) с нумерацией из больших римских цифр и начальным значением LXXXVI.
  список с нумерацией из прописных латинских букв, создать вложенные списки: 1) с нумерацией из арабских цифр и начальным значением 8; 2) с нумерацией из маленьких римских цифр и начальным значением lii; 3) с не закрашенными круглыми маркерами.
Окончание табл.
1 2
  список с маркерами в виде квадратов, создать вложенные списки: 1) с нумерацией из больших римских цифр, и начальным значением CI; 2) с нумерацией из строчных латинских букв и начальным значением g; 3) с нумерацией из арабских цифр и начальным значением 21.
  список с нумерацией из прописных латинских букв и начальным значением K, создать вложенные списки: 1) с нумерацией из маленьких римских цифр, и начальным значением lxiv; 2) с нумерацией из арабских цифр и начальным значением 13; 3) с не закрашенными круглыми маркерами.
  список с нумерацией из строчных латинских букв и начальным значением e, создать вложенные списки: 1) с нумерацией из арабских цифр и начальным значением 15; 2) с нумерацией из маленьких римских цифр и начальным значением lxxxv; 3) с не закрашенными круглыми маркерами.
  список с нумерацией из арабских цифр и начальным значением 41, создать вложенные списки: 1) с нумерацией из больших римских цифр и начальным значением LXXVI; 2) с маркерами в виде квадратов; 3) с нумерацией из маленьких римских цифр, и начальным значением lviii.

 

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 с.

 

Содержание

 

1. Цель работы  
2. Состав используемого оборудования  
3. Теоретическое введение  
4. Задание к лабораторной работе  
5. Содержание отчета по лабораторной работе  
6. Контрольные вопросы  
Библиографический список  

 

 







Что способствует осуществлению желаний? Стопроцентная, непоколебимая уверенность в своем...

Что будет с Землей, если ось ее сместится на 6666 км? Что будет с Землей? - задался я вопросом...

Что вызывает тренды на фондовых и товарных рынках Объяснение теории грузового поезда Первые 17 лет моих рыночных исследований сводились к попыткам вычис­лить, когда этот...

ЧТО ТАКОЕ УВЕРЕННОЕ ПОВЕДЕНИЕ В МЕЖЛИЧНОСТНЫХ ОТНОШЕНИЯХ? Исторически существует три основных модели различий, существующих между...





Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:


©2015- 2024 zdamsam.ru Размещенные материалы защищены законодательством РФ.