Теги, предназначенные для работы с текстом позволяют форматировать текст, красиво располагать его на странице и выводить в виде всплывающих подсказок.
Тег <FONT> позволяет с помощью атрибутов управлять размером и цветом шрифта. Атрибут SIZE управляет размером шрифта. Тег <P> позволяет разделить текст на абзацы. Тег <PRE> позволяет представлять на экране текст со специфическим форматированием. Тег <NOBR> позволяет отобразить весь текст в одной строке, не разрывая его. В листинге 2.1 приведен пример создания веб-страницы, содержащей текст в одной строке.
Листинг 2.1 Веб-страница, содержащая текст в одной строке.
<HTML>
<HEAD>
<TITLE> Строки без разрыва </TITLE>
</HEAD><BODY>
<NOBR> Строка является длинной строкой документа, которая не допускает разбиения </NOBR>
</BODY>
</HTML>
2.3. Работа с таблицами
Парный тег <TABLE> и </TABLE> используется для описания таблиц. Ячейки таблиц в языке HTML могут содержать любые HTML-элементы: заголовки, списки, текстовые абзацы, графику и элементы форм.
|
|
Тег <TABLE> имеет атрибуты:
align="left|center|right" – определяет положение подписи таблицы;
bgcolor="Цвет" – задает фоновый цвет;
border="Толщина границы в пикселах" – определяет вид границы таблицы;
cellpadding="Расстояние между содержимым ячейки и ее краев" – определяет расстояние от границ ячейки до ее содержимого в пикселах;
cellspacing="Расстояние между ячейками таблицы" – определяет расстояние между ячейками в пикселах;
width="Ширина" – определяет ширину таблицы.
Для создания строк и столбцов таблицы служат парные теги <TR> и </TR>, <COL> и </COL>. Для создания ячейки таблицы служит парный тег <TD> и </TD>. Для создания заголовка таблицы служит парный тег <TH> и </TH>. Для группирования элементов служат теги <COLGROUP>, <TBODY> и <TFOOT>. В листинге 2.2 приведен пример создания таблицы.
Листинг 2.2 Создание таблицы из двух строк и семи столбцов, в которой надписи центрированы.
<HTML><HEAD><TITLE> Таблица из двух строк и семи столбцов </TITLE>
</HEAD>
<BODY>
<H3> Таблица из двух строк и семи столбцов </H3>
<TABLE CELLSPACING=0 CELLPADDING=0 WIDTH=”60%” BORDER=4>
<TR ALIGN=CENTER>
<TH BGCOLOR=BLACK>
<TH BGCOLOR=WHITE>a12
<TH BGCOLOR=BLACK>
<TH BGCOLOR=WHITE>a14
<TH BGCOLOR=BLACK>
<TH BGCOLOR=WHITE>a16
<TH BGCOLOR=BLACK></TR>
<TR ALIGN=CENTER>
<TH BGCOLOR=WHITE>a21
<TH BGCOLOR=BLACK>
<TH BGCOLOR=WHITE>a23
<TH BGCOLOR=BLACK>
<TH BGCOLOR=WHITE>a25
<TH BGCOLOR=BLACK>
<TH BGCOLOR=WHITE>a27</TR>
<TH BGCOLOR=BLACK></TR>
</TABLE></BODY></HTML> /4/