Главная

Популярная публикация

Научная публикация

Случайная публикация

Обратная связь

ТОР 5 статей:

Методические подходы к анализу финансового состояния предприятия

Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века

Ценовые и неценовые факторы

Характеристика шлифовальных кругов и ее маркировка

Служебные части речи. Предлог. Союз. Частицы

КАТЕГОРИИ:






Создание простой таблицы




Для создания простой таблицы, использующей заголовки и рамки, теги имеют ряд атрибутов.

 

Тег Атрибуты
<TABLE> align - выравнивание таблицы по горизонтали align ="left" - влево align ="center" - по центру align ="right" - вправо width - ширина таблицы, заданная в пикселях или в процентах от ширины экрана border - толщина внешней рамки таблицы в пикселях (если border=0, то рамки не будет) cellspacing - интервал между соседними ячейками (в пикселях) cellpadding – увеличение свободного поля между рамкой ячейки и текстом в ячейке(в пикселях)
<CAPTION> align - заголовок по умолчанию выводится над таблицей align ="bottom" – заголовок под таблицей
<TR> align - выравнивание содержимого всех ячеек в одной строке по левому краю, по центру или по правому краю (left, center, right) valign – выравнивание содержимого всех ячеек в одной строке по вертикали, т. е по верхнему краю, по центру или по нижнему краю (top, middle, bottom)
<TH> align - выравнивание содержимого ячейки по левому краю, по центру или по правому краю (left, center, right); по умолчанию текст в ячейки центрируется и выводится полужирным шрифтом valign – выравнивание содержимого ячейки по вертикали, т. е по верхнему краю, по центру или по нижнему краю (top, middle, bottom) bgcolor – цвет ячейки
<TD> Используются те же атрибуты, что и для тега <TH>

 

Создадим простую таблицу, содержащую 2 столбца и 6 строк:

<HTML>

<HEAD>

<TITLE>My table</TITLE>

</HEAD>

<BODY>

<TABLE border="3">

<CAPTION>ЭЛЕМЕНТЫ УПРАВЛЕНИЯ </CAPTION>

< TR >< TH >название

<TH >ключевое слово

< TR > <TD >поле ввода

<TD >EditBoxes

< TR > <TD >кнопка

<TD >Buttons

< TR > <TD >поле ввода с раскрывающимся спиcком

<TD >DropDowns

< TR > <TD >переключатель

<TD > OptionButtons

< TR > <TD >флажок

<TD >CheckBoxes

</TABLE>

</BODY></HTML>

Данная таблица, оформленная в html-документе, на экране будет иметь вид:

 

 

Браузер сам прорисовал рамки таблицы, учитывая длину текста в ячейках, вывел название таблицы сверху, отцентрировав его.

Можно воспользоваться тегами таблиц для вывода данных несколькими колонками, не используя при этом рамки таблицы. Оформим таблицу, содержащую одну строку и три колонки в ней. Первая и третья колонки будут содержать текст. Вторая колонка будет содержать не выводимый на экран символ пробела (&nbsp;), что даёт возможность отделить один текст от другого.

 

<TABLE cellPadding=0 cellSpacing=50 >

<TR>

<TD valign="top"> <FONT color="purple">

<P><B><H2> ГРУППА А

<TD >&nbsp;</TD>

<TD valign="top"> <FONT color="purple">

<P><B><H2> ГРУППА B

</TABLE>

 

Этот html-документ на экране будет иметь вид:

ГРУППА А ГРУППА В






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

vikidalka.ru - 2015-2024 год. Все права принадлежат их авторам! Нарушение авторских прав | Нарушение персональных данных