Работа с текстом

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

Тег <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/


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



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