Таблицы в языке HTML

Используя таблицы, можно создавать такие эффекты, как верстка в несколько колонок, применение эффектов состыковки картинки и фона, тонкие линии на всю ширину или высоту странички и т.д.

Таблицы в HTML документ вставляются следующим образом

<table border="1" style="border-collapse: collapse" bordercolor="#111111">

<tr><td>Ячейка11<td>Ячейка12</tr>

<tr><td>Ячейка21<td>Ячейка22</tr>

</table>

<TABLE BORDER="2" WIDTH="200"BGCOLOR="#00FF00">

<TR><TD>Ячейка 1</TD> <TD>Ячейка 2</TD></TR>

<TR><TD>Ячейка 3</TD><TD>Ячейка 4</TD></TR>

</TABLE>

Таблицу открывает и закрывает тег <table></table>.

Формы.

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

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

Формы размещаются между тегами <FORM></FORM>. HTML-документ может содержать в себе несколько форм, но они не должны находиться одна внутри другой. Тег <FORM> может содержать следующие атрибуты:

Для внесения информации пользователем в форму используется элемент <INPUT> Это и есть поля, в которые пользователь вводит информацию. Каждый элемент <INPUT> включает атрибут NAME=имя, определяющий имя данного поля (идентификатор поля). В таблице представлены основные типы, применяемых элементов<INPUT>:

Формы могут содержать поля для ввода большого текста <TEXTAREA>:

<TEXTAREA NAME=address ROWS=5 COLS=50> Наберите здесь сообщение</TEXTAREA>

Атрибут NAME определяет имя, под которым содержимое окна будет передано обработчику. Атрибут ROWS устанавливает высоту окна в строках. Атрибут COLS устанавливает ширину окна в символах. Текст, размещенный между тегами <TEXTAREA></TEXTAREA>, представляет собой содержимое окна по умолчанию. Пользователь может его отредактировать или просто стереть.

Кроме всего этого формы могут содержать меню выбора, которое начинается открывающимся тегом <SELECT> (содержит обязательный атрибут NAME, определяющий имя меню) и завершается закрывающимся </SELECT>. Между ними находятся теги <OPTION>, определяющие элемент меню. Обязательный атрибут VALUE устанавливает значение, которое будет передано обработчику, если выбран этот элемент меню. Тег <OPTION> может включать атрибут selected, показывающий, что данный элемент выбран/отмечен по умолчанию.

Тег <SELECT> может также содержать атрибут MULTIPLE, присутствие которого показывает, что из меню можно выбрать несколько элементов. Большинство Обозревателей показывают меню <SELECT MULTIPLE> в виде окна, в котором находятся элементы меню. Высоту окна в строках можно задать атрибутом SIZE=число.

HTML язык – это просто язык разметки гипертекста, который не предоставляет посетителю сайта возможности управлять внешним видом документа и взаимодействовать с разработчиком тем или иным способом. Для решения задач интерактивности требуется применение более сложных языков программирования. Наиболее распространёнными языками программирования для web являются PHP, Perl и Java Script.

Скрипты PHP и Perl выполняются на стороне сервера, то есть для своей работы требуют соответствующей конфигурации сервера и наличие интерпретаторов скриптов. Скрипты PHP и Perl выполняются на сервере, а браузер клиента получает в этом случае готовый результат обработки скрипта интерпретатором. Сценарии Java Script выполняются на стороне клиента встроенным в браузер интерпретатором языка Java Script. Это не требует совершенно никакого участия сервера.

Возможности скриптов PHP, Perl и сценариев Java Script

Скрипты PHP

PHP имеет грамматику схожую с грамматикой языка C, однако он включает так же возможности других языков программирования (Perl, Java и C++). Скрипты PHP могут работать с базами данных, управлять динамическим содержанием HTML документов, обрабатывать результаты отправки форм с вашего сайта, обеспечивать функционирование форумов (большинство форумов в сети выполнены средствами PHP). Широкие возможности языка позволяют создавать скрипты PHP для решения практически любых задач в области программирования для web. При создании скриптов PHP вы ограничены только вашей фантазией.

Скрипты Perl

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

Java Script

Как уже говорилось, Java Script работает на стороне клиента, поэтому сценарии Java Script выполняются даже при открытии страницы с жёсткого диска. Это делает отладку сценариев гораздо проще, поскольку нет необходимости в дополнительной установке интерпретатора. Интерпретатор Java Script интегрирован практически во все браузеры. С помощью Java Script вы можете улучшить пользовательский интерфейс сайта, создавать бегущие строки, добавлять в html документ рисунки и анимацию, определить тип браузера посетителя вашего сайта, изменять формы и организовать их автоматическое заполнение, управлять строкой состояния и ещё многое другое. Один минус – многие браузеры позволяют пользователям отключить выполнение скриптов Java Script, что сделает вашу программу бесполезной в этом случае. Однако по статистике порядка 98% браузеров исполняют скрипты Java Script.