Тонкости создания таблиц

1. Таблица представляет собой прямоугольную сетку строк и столбцов.

2. Таблицы лучше структурируют текст, чем метки <PRE>, так как с таблицами проще работать, в них можно включать изображения и связи и допускается применять метки для форматирования текста, например вывода его жирным или курсивным шрифтом.

3. Текст и метки таблицы находятся внутри меток <TABLE> и </TABLE>. Чтобы вокруг таблицы выводилась рамка, применяется метка <TABLE BORDER>

4. Каждая строка определяется метками <TR> и </TR>, a для создания клеток применяются метки <TD> и </TD>.

5. Для превращения клетки в надпись (жирный центрированный текст) вместо меток <TD> и </TD> используются метки <ТН> и </ТН>.

6. Чтобы указать для таблицы содержательное название, применяется метка <CAPTION ALIGN= где >, в которой где может быть ТОР или BOTTOM.

7. Метки <TD> и <ТН> позволяют определить горизонтальное и вертикальное выравнивания. Для горизонтального выравнивания предназначена метка <TD ALIGN =выравнивание> или <ТН ALIGN= выравнивание>, где выравнивание может быть LEFT, CENTER или RIGHT. Для вертикального выравнивания предназначена метка <TD VALIGN =вертикальное> или <ТН VALIGN =вертикальное>, где вертикальное может быть TOP, MIDDLE или BOTTOM.

8. Чтобы клетка перекрывала несколько столбцов, применяется метка <TD COLSPAN= столбцы>, где столбцы показывают число перекрываемых столбцов. Чтобы клетка перекрывала не­сколько строк, используется метка <TD ROWSPAN= строки >, где строки показывает число перекрываемых строк.

9. Расширения действуют с меткой <TABLE> и включают в себя атрибуты BORDER (для изменения размера рамки), WIDTH (для определения ширины таблицы), CELLSPACING (для изменения промежутка между каждой клеткой) и CELLPADDING (для изменения промежутка между содержимым клетки и ее рамкой).

Бланк

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

2. Базовый бланк обрамлен метками <FORM> и </FORM>, причем в метке <FORM> имеются атрибуты ACTION и METHOD.

3. Чтобы пользователь мог послать данные бланка, применяется кнопка submit:

<INPUT TYPE=SUBMIT VALUE=" Отметка ">

4. Для очистки данных бланка и нового его заполнения применяется кнопка reset:

<INPUT TYPE=REST VALUE=" Отметка ">

5. Ввод читателем простого текста производится в тексто­вые боксы:

<INPUT TYPE=TEXT NАМЕ=" Имя _ поля">

6. Для ввода длинного или многострочного текста применя­ется текстовая область: <TEXTAREA NАМЕ=" Имя_поля " ROWS= Всего_строк СОLS= Всего_столбцов WRAP> </TЕХТАRЕА>

7. Для ввода информации типа Да/Нет или Истина/Ложь предназначены контрольные боксы:

<INPUT TYPE=CHECKBOX NАМЕ=" Имя_поля ">3десь отметка

8. Радиокнопки предоставляют читателю несколько опций:

<INPUT TYPE=RADIO NАМЕ=" Имя_поля " \/АLUЕ=" Значение ">Здесь отметка

9. Для большого числа опций применяется список выбора:

<SELECT NАМЕ=" Имя_поля " SIZЕ=Элементы>

<ОРТION> Текст первого элемента </ОРТION>

<OPTION> Текст второго элемента </ОРТION>

<OPTION> и т.д. </OPTION>

</SELECT>


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: