Интернет – легко и просто!

то это значит, что таблица имеет ширину 700 и высоту 400 пикселов. Все ячейки поделят выделенное пространство поровну. Можно задавать размеры каждой отдельной ячейки, используя все те же параметры. В этом случае ширина и высота могут задаваться не только в пикселах, но и в процентах от габаритов таблицы:

Tекст ячейки

Здесь указанный столбец будет занимать половину всей ширины таблицы.

Теперь давайте разберемся с содержимым ячеек. При горизонтальном выравнивании текста в ячейках используются те же инструменты, что и при форматировании обычного текста. Кроме того, можно выравнивать содержимое по вертикали. Для этих целей применяется параметр VALIGN тега .

– По центру:

Текст ячейки

– По верхнему краю:

Текст ячейки

– По нижнему краю:

Текст ячейки

Следует отметить, что содержимым ячеек может быть не только текст, но и изображения, и даже другие таблицы. Благодаря вложенным таблицам на веб-странице можно организовать сколь угодно сложную структуру данных (рис. 6.3).

Рис. 6.3. Пример страницы, построенной с помощью таблиц

Фреймы

Фреймы позволяют разделить веб-страницу на несколько независимых окон и в каждом из них разместить отдельную веб-страницу. Спор о том, нужно это или нет, продолжается. Я скажу одно: при умелом использовании фреймов можно создать страницу-шедевр, а в противном случае – трудно усваиваемый документ-гибрид.

Для создания фреймов необходим специальный HTML-документ с несколько необычной структурой:

От обычного такой HTML-документ отличается тем, что вместо тега присутствует тег , имеющий два основных параметра: COLS (колонки) и ROWS (ряды).

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

Допустим, нужно разделить страницу на три столбца. Высота первого из них должна составлять 100 пикселов, второго – 200, а на третий пусть остается все свободное пространство. В таком случае можно использовать следующую конструкцию:

Если необходимо разбить страницу на два столбца, чтобы ширина первого составляла 15 % от всего доступного пространства, следует ввести:

Но этого мало. Теперь нужно сообщить браузеру, какие документы будут открываться в каждой из полученных областей. Для этого существует тег и его параметр SRC:

В левом фрейме будет открываться документ list. htm, a в правом – intro. htm.

Организуем страницу таким образом, чтобы в левом столбце находились пункты меню, а в правом – содержимое этих пунктов.

Однако здесь мы сразу же столкнемся с проблемой: если щелкать на ссылках одного из фреймов, то новые веб-страницы будут загружаться в нем же.

Нам же необходимо, чтобы при щелчках на пунктах меню левого фрейма документы открывались в правом. Сделать это очень просто.

Сначала следует задать имя правого фрейма с помощью параметра NAME тега :

Теперь в каждой ссылке левого фрейма следует указать данное имя. Для этого служит параметр TARGET:

<А HREF="item1.htm" TARGET="content">Текст ссылки

Результат выполненных действий представлен на рис. 6.4.

Рис. 6.4. Использование фреймов.

Иногда необходимо, чтобы документ открылся на все окно. Осуществить это проще простого:

<А HREF="item6.htm" TARGET="_top">Текст ссылки

Кстати говоря, совершенно не обязательно делить страницу только на строки или столбцы. Можно превосходно сочетать оба эти способа. Давайте, например, разобьем страницу на два горизонтальных фрейма, а нижний, в свою очередь, – на два вертикальных:

Действуя подобным образом, можно получать самые замысловатые конструкции (рис. 6.5).

Рис. 6.5. Разбиение окна на фреймы

Другие возможности

Все, что было написано выше по поводу HTML, – это только вершина айсберга. И даже если бы мы рассмотрели все существующие теги, то это тоже была бы всего лишь малая часть тех возможностей, которые можно реализовать на веб-страницах.

Помимо HTML-кода существуют специальные скриптовые языки, встраиваемые в HTML-документ и придающие ему динамичность и интерактивность, то есть позволяющие управлять содержимым веб-страницы после ее загрузки. Наиболее популярными языками сценариев, обеспечивающими данные возможности, являются JavaScript и Visual Basic. С их помощью на веб-страницах можно воплотить свои самые смелые дизайнерские фантазии.