Интернет – легко и просто!
Шрифт:
<TABLE B0RDER="2" BORDERCOLOR="#00FF00">
Чтобы изменить цвет фона во всей таблице или в отдельно взятой ячейке, можно использовать уже известный нам параметр BGCOLOR применительно, соответственно, к тегу <TABLE> или к тегу <TD>.
Теперь поговорим о размерах. Размеры определяются с помощью параметров WIDTH и HEIGHT (ширина и высота) и могут задаваться как для всей таблицы, так и для каждой отдельной ячейки. Если, к примеру, используется конструкция:
<TABLE WIDTH="700"
то это значит, что таблица имеет ширину 700 и высоту 400 пикселов. Все ячейки поделят выделенное пространство поровну. Можно задавать размеры каждой отдельной ячейки, используя все те же параметры. В этом случае ширина и высота могут задаваться не только в пикселах, но и в процентах от габаритов таблицы:
<TD WIDTH="50%">Tекст ячейки</Т0>
Здесь указанный столбец будет занимать половину всей ширины таблицы.
Теперь давайте разберемся с содержимым ячеек. При горизонтальном выравнивании текста в ячейках используются те же инструменты, что и при форматировании обычного текста. Кроме того, можно выравнивать содержимое по вертикали. Для этих целей применяется параметр VALIGN тега <TD>.
– По центру:
<TD VALIGN="middIе">Текст ячейки</Т0>
– По верхнему краю:
<TD VALIGN="top">Текст ячейки</Т0>
– По нижнему краю:
<TD VALIGN="bottom">Текст ячейки</Т0>
Следует отметить, что содержимым ячеек может быть не только текст, но и изображения, и даже другие таблицы. Благодаря вложенным таблицам на веб-странице можно организовать сколь угодно сложную структуру данных (рис. 6.3).
Рис. 6.3. Пример страницы, построенной с помощью таблиц
Фреймы
Фреймы позволяют разделить веб-страницу на несколько независимых окон и в каждом из них разместить отдельную веб-страницу. Спор о том, нужно это или нет, продолжается. Я скажу одно: при умелом использовании фреймов можно создать страницу-шедевр, а в противном случае – трудно усваиваемый документ-гибрид.
Для создания фреймов необходим специальный HTML-документ с несколько необычной структурой:
<HTML>
<TITLE></TITLE>
<FRAMESET></FRAMESET> </HTML>
От обычного такой HTML-документ отличается тем, что вместо тега <BODY> присутствует тег <FRAMESET>, имеющий два основных параметра: COLS (колонки) и ROWS (ряды).
Эти параметры определяют, каким образом будет разбиваться страница,
Допустим, нужно разделить страницу на три столбца. Высота первого из них должна составлять 100 пикселов, второго – 200, а на третий пусть остается все свободное пространство. В таком случае можно использовать следующую конструкцию:
<FRAMESET ROWS="100,200,*">
Если необходимо разбить страницу на два столбца, чтобы ширина первого составляла 15 % от всего доступного пространства, следует ввести:
<FRAMESET C0LS="15%,85%">
Но этого мало. Теперь нужно сообщить браузеру, какие документы будут открываться в каждой из полученных областей. Для этого существует тег <FRAME> и его параметр SRC:
<FRAMESET C0LS="15%,85%">
<FRAME SRC="I ist.htm">
<FRAME SRC="intro.htm"> </FRAMESET>
В левом фрейме будет открываться документ list. htm, a в правом – intro. htm.
Организуем страницу таким образом, чтобы в левом столбце находились пункты меню, а в правом – содержимое этих пунктов.
Однако здесь мы сразу же столкнемся с проблемой: если щелкать на ссылках одного из фреймов, то новые веб-страницы будут загружаться в нем же.
Нам же необходимо, чтобы при щелчках на пунктах меню левого фрейма документы открывались в правом. Сделать это очень просто.
Сначала следует задать имя правого фрейма с помощью параметра NAME тега <FRAME>:
<FRAME SRC="intro.htm" NAME="content">
Теперь в каждой ссылке левого фрейма следует указать данное имя. Для этого служит параметр TARGET:
<А href="#" TARGET="content">Текст ссылки</А>
Результат выполненных действий представлен на рис. 6.4.
Рис. 6.4. Использование фреймов.
Иногда необходимо, чтобы документ открылся на все окно. Осуществить это проще простого:
<А href="#" TARGET="_top">Текст ссылки</А>
Кстати говоря, совершенно не обязательно делить страницу только на строки или столбцы. Можно превосходно сочетать оба эти способа. Давайте, например, разобьем страницу на два горизонтальных фрейма, а нижний, в свою очередь, – на два вертикальных:
<FRAMESET ROWS="40%,60%"> <FRAME SRC="part1.htm"> <FRAMESET COLS="50%,50%"> <FRAME SRC="part2.htm"> <FRAME SRC="part3.htm"> </FRAMESET> </FRAMESET>