Материал: 1896
разрешением 640х480) содержит 640 пикселей по ширине и 480 по высоте. Таким образом, изображение размером 320х240 пикселей займет примерно половину экрана монитора VGA.
1.4.2. Выравнивание текста в таблице
Для каждой ячейки таблицы можно задать способ выравнивания текста как по вертикали, так и по горизонтали. Способы выравнивания задаются специальными ключевыми словами ALIGN и VALIGN. Можно задать также способ выравнивания для всей таблицы (в теге <TABLE>), для заданной строки (в теге <TR>) или для одной ячейки (в теге <TD>). Каждое из ключевых слов ALIGN и VALIGN имеет три возможных значения, которые приведены в табл. 13.
|
Таблица 13. Ключевые слова выравнивания |
||
Значение |
Комментарий |
|
|
ALIGN="LEFT" |
Выравнивает текст в ячейке по левому краю (по |
|
|
|
умолчанию) |
|
|
ALIGN="CENTER" |
Выравнивает текст в ячейке по центру |
|
|
ALIGN="RIGHT" |
Выравнивает текст в ячейке по правому краю |
|
|
VALIGN="TOP" |
Выводит текст от самого верха ячейки (полезно, |
когда |
|
информация состоит из нескольких строк) |
|
|
|
|
|
|
|
VALIGN="MIDDLE" |
Выравнивает текст в ячейке вертикально по центру |
(по |
|
умолчанию) |
|
|
|
VALIGN="BOTTOM |
Выравнивает текст в ячейке по нижнему краю |
|
|
" |
|
|
|
Приведем примеры выравнивания текста:
1.Для всей таблицы: <TABLE ALIGN="LEFT">
2.Для заданной строки: <TR ALIGN="TOP">
3.Для одной ячейки: <TD ALIGN="CENTER">
Используя материал табл. 12 и 13, создадим ряд таблиц. Создадим таблицу вида:
|
Интернет-ресурсы |
|
|
|
|
Список адресов Internet |
|
Информация |
http://russia.uthscsa.edu/Music/ |
|
Музыка на сервере «Маленькая Россия» в |
|
|
Сан-Антонио |
http://www.deol.ru/queen/ |
|
Русские странички о группе Queen |
http://www.september.ru |
|
Сервер газеты «Первое сентября» |
http://www.glasnet.ru |
|
Сервер газеты «Информатика» |
http://www.rector.msu.su |
|
Сервер МГУ |
http://www.phys.msu.su |
|
Сервер физфака МГУ |
Текст программы в блокноте будет выглядеть следующим образом:
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows1251"><TITLE>Table</TITLE></HEAD><BODY>
<CENTER><TABLE BORDER="1">
<CAPTION ALIGN="CENTER">Интернет-ресурсы </CAPTION>
<TR>
<TH>Список адресов Internet</TH> <TH>Информация</TH>
</TR>
<TR>
<TD> http://russia.uthscsa.edu/Music/</TD>
<TD> Музыка на сервере «Маленькая Россия» в Сан-Антонио</TD> </TR>
<TR>
<TD>http://www.deol.ru/queen/</TD> <TD>Русские странички о группе Queen</TD>
</TR>
<TR>
<TD>http://www.september.ru</TD> <TD>Сервер газеты «Первое сентября»</TD> </TR>
<TR>
<TD>http://www.glasnet.ru</TD> <TD>Сервер газеты «Информатика»</TD>
</TR>
<TR>
<TD>http://www.rector.msu.su</TD> <TD>Сервер МГУ</TD>
</TR>
<TR>
<TD>http://www.phys.msu.su</TD> <TD>Сервер физфака МГУ</TD> </TR>
</TABLE>
</CENTER>
</BODY></HTML>
На рис. 33 показано, как будет выглядеть файл в окне браузера.
Рис. 33. Вид Web-страницы в окне браузера
Чтобы все ячейки таблицы были разделены тонкими линиями, в тег <TABLE> добавлено ключевое слово BORDER="1". Если необходимо, чтобы ячейки таблицы были разделены линией потолще, то задается число больше единицы, например BORDER="7". Если же задать BORDER="0", то слова ячейки будут автоматически выровнены, но сетки не будет. То есть наша созданная таблица будет выглядеть следующим образом (рис. 34).
Рис. 34. Вид Web-страницы в окне браузера
Объединение нескольких строк в одну ячейку
Изменим нашу таблицу, объединив по две строки во 2-м столбце:
Текст программы в блокноте будет выглядеть следующим образом:
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows1251"><TITLE>Table</TITLE></HEAD><BODY>
<CENTER><TABLE BORDER="1">
<CAPTION ALIGN="CENTER">Интернет-ресурсы</CAPTION> <TR>
<TH>Список адресов Internet</TH> <TH>Информация</TH>
</TR>
<TR>
<TD> http://russia.uthscsa.edu/Music/</TD> <TD ROWSPAN="2">Музыка</TD>
</TR>
<TR>
<TD>http://www.deol.ru/queen/</TD>
</TR>
<TR>
<TD>http://www.september.ru</TD> <TD ROWSPAN="2">Газеты</TD> </TR>
<TR>
<TD>http://www.glasnet.ru</TD>
</TR>
<TR>
<TD>http://www.rector.msu.su</TD> <TD ROWSPAN="2">МГУ</TD>
</TR>
<TR>
<TD>http://www.phys.msu.su</TD>
</TR></TABLE></CENTER>
</BODY></HTML>
На рис. 35 показано, как будет выглядеть файл в окне браузера.
Рис. 35. Вид Web-страницы в окне браузера
Объединение нескольких столбцов в одну ячейку
Изменим нашу таблицу, объединив столбцы в 1-й строке: