Хотелось бы обратить ваше внимание на то, что строку <TABLE WIDTH = "100 %" BORDER ="1" BGCOLOR = "LIME"> можно записать и так: <TABLE WIDTH= 100% BORDER= 1 BGCOLOR = LIME >, т.е. кавычки здесь и в некоторых других случаях не являются обязательными. Все же не ленитесь их ставить, это пригодиться вам в дальнейшем. Данная строка означает примерно следующее: таблица (TABLE) занимает весь лист (WIDTH = " 100 %)," а толщина разграничительных линий равна 1 (BORDER =" 1"). Цвет фона ячеек таблицы ярко-зеленый (LIME).
Любой цвет в HTML задается либо названием (red, blue, green, grey, yellow, black…) либо набором шестнадцатеричных значений составляющих в цветовой модели RGB (в формате # RRGGBB). Например, # FFOOOO = Red, #OOOOFF= Blue, #OOOOOO = Black, # FFFFFF = White . Заметим, что не все цвета будут отображаться правильно во всех броузерах.
В тэге < TABLE >с помощью параметра BGCOLOR можно задать цвет фона для всех ячеек, в < TR > - для строки, а < TD > - для отдельной ячейки.
Тэг < TD WIDTH= 30% > или < TD WIDTH = 70% > задает размер ячейки в процентах от ширины таблицы. Встретив это определение в самом начале таблицы, броузер будет придерживаться его и дальше, таким образом, в последующих строках этот параметр для отдельных ячеек можно не указывать.
Если вы хотите разместить заголовок таблицы в одной большой ячейке - используйте параметр COLSPAN для объединения двух соседних ячеек по горизонтали, а ROWSPAN - по вертикали:
Вот пример применения параметра COLSPAN :
«TABLE BORDER=”1”»
«TD» «TD COLSPAN=2»…
«TR» «TD»… «TD»…
«TR» «TD»… «TD»…
«/TABLE»
В первой строке мы получим одну большую ячейку, равную по величине двум в следующей строке.
А вот пример применения параметра ROWSPAN :
«TABLE BORDER=”1”»
«TR» «TD ROWSPAN=3» Ячейка на 3 строки «TD»…
«TR» «TD»…
«TR» «TD»…
«/TABLE»
Не бойтесь экспериментировать. Дело в том, что броузер, используя довольно сложный алгоритм отображения таблиц, может рассчитать размер каждой ячейки и попытается, например, расширить столбец, если в нем не помещается информация.
Необходимо заметить, что значение параметра WIDTH можно задавать не только в процентах, но и в пикселах. Так, выражение WIDTH="400" определяет ширину ячейки в четыреста пикселов.
Для выравнивания текста и других объектов внутри ячейки будет отцентрировано по горизонтали (ALIGN = "CENTER") и смещено к ее верхней границе (VALIGN="TOP"). Параметр горизонтального выравнивания может принимать значения CENTER, LEFT и RIGHT, а вертикального — TOP, BOTTON и CENTER.
Вот и все начальные сведения о таблицах.
Было бы неправильно не упомянуть об основных средствах оформления текста большого объема.
Тэги <P>…</P> обозначают соответственно начало и конец абзаца. Основной параметр, применяемый в первом из них, все тот же - ALIGN. Он может принимать значения CENTER, RIGHT, LEFT и JUSTIFY, последнее из которых позволяет выровнять текст абзаца по ширине.
Заметим, также, что строка < PALIGN= "CENTER"> …</P> равнозначна <CENTER>…</CENTER>.
«HTML»
«HEAD»
«META HTTP-EQUIV=”Сontent-Type”»
CONTENT=”test/html;
Charset=windows-1251”»
«META NAME=”Generator”
CONTENT=”Microsoft Word 97”»
<HTML>
<HEAD>
<META HTTP - EQUIV = ”Content -Type”
CONTENT = ”text/html;
charset = windows - 1251”>
<META NAME = “ Generator”
CONTENT = “Microsoft Word 97”>
<TITLE>indexw < /TITLE>
<META NAME = “Version”
CONTENT = “8.0.3612”>
<META NAME = ”Date” CONTENT = “3/4/97”>
<META NAME = “Template”
CONTENT = “C:\Program
Files \ Microsoft
Office \ Office \ HTML.DOT”>
< /HEAD>
<BODY BGCOLOR = ”#ffffff ”>
<FONT FACE = “Times New Roman”
COLOR = “#000000”><P>Музыка </FONT><FONT COLOR = “#000000”>- </ FONT>
