Общие сведения о создании web-страниц

Собрание страниц, объединенных некоей неспециализированной тематикой и помещенных, в большинстве случаев, на одном компьютере, именуют Web-узлом либо сайтом. Узлы Web подобны книгам, а Web-страницы — страницам этих книг. Компьютеры, на которых размещаются сайты, и программы, снабжающие помощь сайтов, именуются серверами. На одном сервере может размещаться множество Web-узлов либо сайтов.

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

HTML – HyperText Markup Language (Язык разметки гипертекста) представляет собой достаточно несложный комплект команд, обрисовывающих структуру документа. Данный язык разметки разрешает выделить в документе отдельные логические части – заголовки, абзацы, таблицы, перечни-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и конкретно браузер снабжает наилучшее отображение Web-документа на вашем экране.

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

Язык HTML существует в нескольких вариантах либо спецификациях. Как и версии программных продуктов, спецификации пронумерованы: 2.0, 3.0, 3.2, 4.0. Любая последующая спецификация является расширением и дополнение прошлой таблицы, перечни-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и конкретно браузер снабжает наилучшее отображение Web-документа на вашем экране.

Документ в окне с кодом HTML — это текстовый документ особого формата. Все файлы этого формата имеют расширение .html либо .htm. В документе HTML простой текст сочетается с элементами разметки, заключенными в угловые скобки и , к примеру , , , . Такие элементы разметки именуются тэгами. Тэги бывают одиночными, открывающими и закрывающими и складываются из следующих приятель за втором в определенном порядке элементов:

• левой угловой скобки

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

• имени тэга, к примеру, html;

• необязательных атрибутов. Тэг возможно без атрибутов либо сопровождаться одним либо несколькими атрибутами, к примеру, align=center;

• правой угловой скобки .

Так, открывающий тэг , стоящий сначала документа HTML и означающий его начало, складывается из имени html и двух угловых скобок , а тэг , находящийся в конце Web-документа, не считая указанных элементов содержит кроме этого знак слэш /, означающий закрывающий тэг и говорящий о конце документа. Тэг , означающий разделение документа на части, содержит, не считая имени div, атрибут align со значением center, означающий выравнивание по центру.

В тэгах смогут употребляться лишь знаки латинского алфавита, а в значениях атрибутов — каждые знаки. В случае, если в качестве значений атрибута употребляются, к примеру, знаки кириллицы, то они должны быть заключены в кавычки, к примеру name=Раздел 1.

Язык HTML не различает громадные и малые буквы, так что тэги , и эквивалентны. Потом мы будем применять написание тэгов в нижнем регистре.

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

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

Большая часть тэгов смогут иметь один либо пара атрибутов — параметров, дающих дополнительную данные о том, как браузер обязан обрабатывать текущий тэг. Но атрибутов может и не быть вовсе. Атрибут тэга складывается из имени, к примеру, align, значения и = знака равенства, которое задается строчком знаков, к примеру, center:align=center. Значения атрибутов в большинстве случаев заключаются в кавычки. Но в случае, если эти значения применяют лишь знаки латинского алфавита, цифры и дефисы, то кавычки возможно опустить, к примеру: align=center.

Любой HTML-документ имеет определенную структуру, которая выглядит следующим образом:

Структура HTML-документа содержит следующие необходимые элементы:

• тэги и , каковые отмечают конец и начало документа;

• заголовок, ограниченный тэгами и ;

• тело, ограниченное тэгами ….

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

Не считая элемента …, заголовок может содержать элементы …. Открывающий тэг включает пары имя=значение, обрисовывающие особенности документа, к примеру, авторство, перечень главных слов и т.д. Эти сведенья употребляются кроме этого поисковыми серверами при индексации документов.

ОФОРМЛЕНИЕ и СОЗДАНИЕ WEB-СТРАНИЦ

Для Web-страниц пригодится любой браузер — Internet Explorerили Netscape Communicator, а лучше оба, поскольку многие элементы HTML по-различному отображаются в различных программах просмотра и очень нужно осуществлять контроль эту отличие. Помимо этого, нужен любой текстовой процессор, к примеру, Блокнот из Windows. Программа Блокнот нужна для подготовкиHTML-файлов, а браузер — для контроля и просмотра сделанного. Посредством этих инструментов мы создадим сайт на своем локальном компьютере, по окончании чего поместим его на один из WWW-серверов в сети, сделав, так, ваши Web-страницы дешёвыми всему миру.

Как пример создадим сайт лицея. Цель сайта — поведать миру о лицее, сфере его деятельности, заинтересованностей, отыскать друзей, партнеров, спонсоров.

Для файлов отечественного сайта нужна отдельная папка.

Создайте папку с именем Web на твёрдом диске вашего компьютера.

Сейчас запустим программу Блокнот и приступим к работе.

Вы имеете возможность применять каждый текстовый процессор. Но в этом случае направляться сохранять файл как несложный текст, дабы избежать включения в Web-документ посторонних знаков форматирования.

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

Введите с клавиатуры следующие главные тэги, поместив любой из них, не считая закрывающего тэга , в новой строчке.

Для ввода парных тэгов вы имеете возможность применять вставки и операции копирования через буфер обмена Windows с последующим добавлением знака слэш /.

Отметим, что первый и последний тэги означают соответственно конец и начало документа, элемент … определяет страницы и-заголовок, элемент… — тело документа, а в элементе мы на данный момент укажем наименование Web-страницы.

Между открывающим и закрывающим тэгами засуньте наименование документа – Лицей № 1548. Данный элемент обязан выглядеть следующим образом:

Лицей № 1548

Отметим, что наименование Web-страницы должно быть маленьким и в большой степени отображать ее содержание.

Отечественная следующая задача — засунуть в тело документа между тэгами … маленький текст-приветствие визитёрам Web-страницы.

Засуньте пустую строчок между тэгами и и введите в ней следующий текст:

Вам очень рады на страничку лицея № 1548! Тут Вы определите о отечественной деятельности, о отечественных увлечениях и интересах, о отечественных достижениях и успехах

Для каждой Web-страницы вы имеете возможность выяснить цвет текста и цвет фона. Это выполняется посредством атрибутов bgcolor и text открывающего тэга . Для определения цвета как значения атрибутов существует два варианта:

• словесное указание имени цвета, к примеру, white (белый). В языке HTML предусмотрено шестнадцать таких имен;

• цифровое обозначение в шестнадцатеричной записи, к примеру, #ffffff — белый, которое показывает, как цвет формируется из главных цветов — красного, зеленого, светло синий.

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

Используем как пример для фона отечественной Web-страницы светло синий цвет (blue), а для текста — желтый (yellow).

Засуньте в открывающий тэг атрибуты bgcolor=blue и text=yellow. Данный тэг обязан принять вид:

Ваш текстовый файл обязан смотреться приблизительно так:

Лицей № 1548

Вам очень рады на страничку лицея № 1548! Тут Вы определите о отечественной деятельности, о отечественных увлечениях и интересах, о отечественных достижениях и успехах

Сейчас документ направляться сохранить. Откройте ранее созданную папку Web, введите имя файла licey1548.html и надавите кнопку Сохранить.

Обратите внимание: вы непременно должны указать расширение имени файла .html либо .htm, дабы браузер смог его открыть.

Быть может, в вашем браузере размер шрифта текста будет больше либо мельче, чем на рисунке. При таких условиях выберите команду меню Вид • Размер текста • Средний в браузере InternetExplorer либо Вид • Расширить шрифт, Вид • Уменьшить шрифт в браузере Netscape Communicator, дабы установить средний размер шрифта.

направляться иметь в виду, что различные браузеры смогут по-различному отображать содержимое одного и того же HTML-файла. Исходя из этого при создании Web-страниц нужно постоянно просматривать итог в обоих самые популярных браузерах — MSIE и Netscape Communicator. При таких условиях вы станете уверены, что визитёр вашего сайта заметит конкретно то, что вы желаете ему продемонстрировать.

Так как в элементе мы ввели текст без разбивки на абзацы, то в браузере он отображается в виде одного абзаца и выровнен влево. Сейчас направляться придать тексту более наглядный вид.

Форматирование текста

Дабы отечественная Web-страница смотрелась более привлекательно, поделим текст на абзацы и выделим заголовок. HTML имеет шесть уровней заголовков разделов документа, пронумерованных цифрами от 1 до 6. Заголовки объявляются парой тэгов с номерами, соответствующими уровню, к примеру, — заголовок раздела первого уровня, а — заголовок раздела шестого уровня. От обычного текста заголовки отличаются толщиной и размером букв. Заголовок первого уровня h1 отображается в большинстве случаев весьма большим шрифтом, тогда как заголовок шестого уровня h6 — весьма небольшим.

Не нужно путать заголовки разделов документа с рассмотренным ранее заголовком документа, определяемым элементом .

В качестве заголовка текста используем первое предложение — Вам очень рады на страничку лицея 1548! Для этого достаточно сократить его тэгами и .

Засуньте в текст файла licey1548.html тэги и без того, дабы они ограничивали первое предложение текста, и данный фрагмент кода принял следующий вид:

Вам очень рады на страничку лицея 1548!

Сохраните файл, выбрав команду Сохранить меню Файл программы Блокнот.

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

Надавите клавишу F5 либо кнопку Обновить на панели инструментов рабочего окна программы MSIE либо подобную кнопку Обновить в Netscape Communicator. Файлlicey1548.html будет перезагружен, и вы заметите в окне браузера, как выглядит заголовок первого уровня.

Применяя шесть уровней заголовков, каковые предоставляет в ваше распоряжение язык HTML, возможно создать легко читаемый документ с интуитивно ясной структурой. Не забывайте, что ваш документ постоянно будет читаться существенно лучше, в случае, если в нем будет четкое разделение на подразделы и разделы.

По умолчанию заголовок выравнивается по левому краю страницы. Но его возможно кроме этого выровнять по правому краю либо центрировать. Для правостороннего выравнивания в тэге употребляется атрибут align=right, а для центрирования — align=center. Допускается кроме этого явное указание левостороннего выравнивания — align=left.

Добавьте в тэг атрибут align=center, дабы центрировать заголовок. Данный элемент обязан принять следующий вид:

Вам очень рады на страничку лицея 1548!

Сейчас займемся остальным текстом. Повысим его размер и оформим текст полужирным курсивным начертанием. Для установки полужирного начертания употребляются парные тэги .

Засуньте в файле licey1548.html открывающий и закрывающий тэги так, дабы они ограничили текст Тут вы определите… . Данный элемент обязан принять следующий вид:

Тут Вы определите о отечественной деятельности, о отечественных увлечениях и интересах, о отечественных достижениях и успехах

Курсивное начертание устанавливается посредством тэгов .

Засуньте в исходный код HTML тэг и без того, дабы отредактированный элемент принял следующий вид:

Тут Вы определите о отечественной деятельности, о отечественных увлечениях и интересах, о отечественных достижениях и успехах

Элементы разметки смогут быть положенными, как в данной структуре, где элемент … положен в элемент …. Современные браузеры способны верно обрабатывать положенные тэги. Исходя из этого вам нужно смотреть за тем, дабы не нарушался порядок вложения. Работа браузера окажется затрудненной, в случае, если вложенность будет нарушена. К примеру, такая запись будет неправильной: …. Соблюдение вложенности — очень важная часть неспециализированной культуры написания HTML-кода.

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

По окончании того, как вы просмотрите полученный итог, повысим размер шрифта текста. Это возможно сделать различными методами.

Тэги увеличивают размер шрифта текста, заключенного между ними.

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

Тут Вы определите о отечественной деятельности, о отечественных увлечениях и интересах, о отечественных достижениях и успехах

Посредством тэгов вы имеете возможность снизить размер шрифта текста если сравнивать с исходным.

Второй метод указания размера шрифта — посредством тэгов с атрибутом size. В качестве значений этого атрибута употребляются целые числа от 1 до 7. Причем значение 1соответствует минимальному размеру шрифта, а значение 7 — большому.

В качестве значения атрибута size возможно кроме этого применять числа от 1 до 7 со знаком + (плюс) либо — (минус). В этом случае размер шрифта соответственно возрастает либо значительно уменьшается, если сравнивать с исходным, к примеру, тэги поднимут размер шрифта, если сравнивать с текущим, на один порядок.

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

По умолчанию абзац с текстом Тут Вы определите… выровнен влево. Центрируем его по горизонтали посредством тэгов . Вы имеете возможность кроме этого выровнять абзац по правому краю страницы посредством тэгов либо по левому — посредством тэгов .

Засуньте тэги , ограничив ими указанный абзац так, дабы код HTML принял следующий вид:

Лицей № 1548

Вам очень рады на страничку лицея № 1548!

Тут Вы определите о отечественной деятельности, о отечественных увлечениях и интересах, о отечественных достижениях и успехах

В окне браузера документ будет смотреться приблизительно так, как это продемонстрировано на рис. 1.

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

— используется для определения слова. Текст в большинстве случаев выводится курсивом.

— для усиления и выделения слов. Отображается курсивом.

— для выделения названий книг, фильмов, пьес и т.д. Выводится курсивом.

— для фрагментов кода программ. Показывается на экране шрифтом фиксированной ширины.

— употребляется для текста, что пользователь вводит с клавиатуры. В различных браузерах может отображаться различными шрифтами.

— помогает для отображения сообщений программ. Выводится шрифтом фиксированной ширины.

— для особо важных фрагментов. В большинстве случаев выделяется полужирным начертанием.

— употребляется для указания, что часть текста либо слово есть символьной переменной, т.е. текстом, что возможно заменен разными выражениями. Отображается курсивом.

Вставка иллюстраций

На каждую Web-страницу возможно поместить любое количество иллюстраций. Вы имеете возможность применять готовые графические изображения либо создать их сами. Тут мы посмотрим, как засунуть в Web-документ уже готовый рисунок.

Графические изображения, каковые вы вставляете в собственные Web-документы, должны быть созданы в таком графическом формате, что поддерживается браузером. Стандартные форматы Web-графики — GIF, JPG и PNG. Размеры их файлов минимальны по сравнению с другими форматами, что существенно уменьшает время загрузки из сети.

Засунем на первую страницу отечественного сайта рисунок images/OBShIE_SVEDENIYa_O_SOZDANII_WEB-STRANIC.JPG, что в большинстве случаев находится в папке Windows, т.е. той папке, в которой установлена ОС Windows. В первую очередь, данный файл направляться скопировать в директорию Web, которую мы создали для хранения файлов сайта.

Скопируйте файл images/OBShIE_SVEDENIYa_O_SOZDANII_WEB-STRANIC.JPG либо каждый файл с расширением .JPG либо .GIF из папки Windows в папку Web.

Для вставки изображения в Web-документ употребляется одиночный тэг с атрибутом src, значение которого соответствует имени вставляемого файла либо его адресу в сети. Посредством необязательного атрибута возможно включить отображение рамки около рисунка. Значение 1 для этого атрибута создаст рамку толщиной 1 пиксел. Так, тэг, вставляющий рисунок, обязан выглядеть следующим образом:

Засунем его по окончании заголовка Вам очень рады на страничку лицея № 1548!

ОС Windows не различает регистр букв в заглавиях имен файлов, но операционные совокупности семейства Unix различают его, исходя из этого направляться шепетильно смотреть за тем, дабы имя файла в тэге указывалось с соблюдением регистра. Начинающие Web-дизайнеры довольно часто недоумевают: по какой причине рисунок был виден на странице при тестировании на локальном компьютере и не появляется при загрузке страниц с удаленного сервера. А все дело в том, что они указали Мир.jpg, а на диске хранится images/OBShIE_SVEDENIYa_O_SOZDANII_WEB-STRANIC.JPG.

Засуньте пустую строчок по окончании элемента Вам очень рады на страничку лицея № 1548!и введите в ней тэг для включения изображения в документ.

Дабы выровнять рисунок по центру, направляться, воспользовавшись тэгами , записать строчок кода HTML, вставляющего рисунок, следующим образом:

Ограничим размер рисунка по ширине 300 пикселами, а по высоте – 400 пикселами:

В следствии текстовый файл обязан смотреться так, как это продемонстрировано на рис. 2. В окне браузера документ будет смотреться приблизительно как на рис. 3.

Создание перечней

Для наглядного представления информации на Web-страницах довольно часто употребляются перечни. Перечни смогут быть нумерованными и ненумерованными. Создадим новую страницу отечественного сайта, на которой засунем ненумерованный перечень.

Создайте структуру Web-документа, напечатав главные тэги:

В качестве заголовка документа в тэге введите: Чем мы занимаемся?:

Чем мы занимаемся?

Такой же заголовок для перечня введите в теле документа между тэгами и , применяв для его отображения тэги с атрибутом align=center, сглаживающим заголовок по центру страницы:

Чем мы занимаемся?

Самостоятельно подберите цвет фона текста и цвет страницы, указав соответствующие значения для атрибутов bgcolor и text в раскрывающемся тэге , к примеру, так:

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

Сейчас засунем на страницу ненумерованный перечень с информацией о сфере деятельности отечественного лицея. Ненумерованные перечни создаются посредством пары тэгов

    , каковые ограничивают перечень.

    Между ними находится столько элементов, начинающихся с тэга

  • , какое количество элементов в перечне.
  • Засуньте пустую строчок под строчком с кодом Чем мы занимаемся? и введите в теле документа следующий код:

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

    • может употребляться как одиночный, т.е. без парного, закрывающего тэга
    • .

      Полный HTML-код документа должен иметь следующий вид:

      Чем мы занимаемся?

      Чем мы занимаемся?

      • Изучением фундаментальных направлений физико-математических дисциплин.
      • Изучение направлений дисциплин, составляющих базу современной теоретической и прикладной экономики.
      • Изучением цикла гуманитарных дисциплин.
      • Изучением сценического мастерства.
      • В то время, когда ввод кода будет закончен, сохраните документ в папке Web под именем spisok.html.

        Воспользовавшись командой Открыть меню Файл в браузере MSIE либо командой Открыть страницу меню Файл в браузере Netscape Communicator, откройте файлspisok.html из папки Web.

        На экране (рис. 4) Вы заметите, что любой элемент ненумерованного перечня выделяется особым маркером.

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

      • .
      • Создание форм

        Разумеется, что познакомившиеся на Web-странице с информацией о лицее и заинтересовавшиеся ею визитёры сайта захотят задать вопросы, обсудить неспециализированные неприятности, предложить сотрудничество. Дабы ускорить и уменьшить им процедуру связи, достаточно поместить на данной странице особую форму, заполнив которую, визитёр сайта передаст данные, которую он посчитает нужным отправить.

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

        Посмотрим, как засунуть в Web-документ несложную форму, которая разрешит пользователю напечатать собственный сообщение прямо на Web-странице и машинально послать его по email лицею. Но сперва засунем в HTML-документ spisok.html текст с приглашением заполнить форму, поместив его под перечнем. Текст приглашения направляться выделить в отдельный абзац, ограничив его парой тэгов , и выровнять по центру посредством атрибута align=center.

        Засуньте пустую строчок между закрывающим тэгом и закрывающим тэгом и введите в данной строке следующий код:

        Ecли у Вас имеется вопросы либо предложения, напишите нам:

        Любая форма начинается тэгом и заканчивается тэгом . HTML-документ может содержать в себе пара форм, но они не должны пребывать одна в второй. Текст и тэги смогут размещаться в формы без ограничений. Открывающий тэг обязан содержать необходимый атрибут action, определяющий, где находится программа-обработчик, либо адрес сервера, что будет обрабатывать форму. Так как сообщение, написанное визитёром сайта, будет отправляться по email, то значение этого атрибута должно содержать адрес E-mail обладателя сайта, к примеру: action=mailto: licey1548.narod.ru.

        Еще один атрибут тэга — method — определяет, как либо посредством какого именно протокола эти из формы будут переданы программе-обработчику. Так как будет использована email, то значение этого атрибута должно быть post:method=post. Так, элемент …будет иметь приблизительно таковой вид:

        Добавьте в документе spisok.html пустую строчок перед закрывающим тэгом и введите указанный код.

        Сейчас нам необходимо поместить в форме многострочное текстовое поле для ввода сообщения. Для этого помогают тэги . В качестве атрибутов открывающего тэга нужно указать количество строчков (rows) и колонок (cols), a кроме этого имя (name), под которым содержимое текстового поля ввода будет передано программе-обработчику, к примеру:

        Таковой элемент создаст текстовое поле ввода шириной 5 символов и высотой 40 строк. Введенный визитёром сайта текст будет передан обработчику под именем Comments (Комментарии). Дабы центрировать текстовое поле относительно краев страницы, направляться сократить его тэгами .

        Засуньте пустую строчок перед закрывающим тэгом и введите следующий элемент, создающий текстовое поле:

        Тут для центрирования текстового поля мы применяли тэги , a не атрибут align=center тэга , так как этот атрибут рекомендован в основном для выравнивания текстовых фрагментов, и кое-какие браузеры, к примеру, Netscape Communicator, смогут проигнорировать этот атрибут для поля формы.

        Дабы запустить процесс передачи данных из формы обработчику, нужен какой-то элемент управления, к примеру, кнопка. Создать таковой элемент управления весьма легко посредством одиночного тэга с атрибутом type. В случае, если необходимо создать кнопку, то значение этого атрибута должно быть submit (передать):

        Таковой элемент по умолчанию выведет на Web-странице кнопку с надписью Подача запроса. Дабы поменять надпись на кнопке, достаточно включить в этот тэг атрибут value с нужным вам значением, к примеру: value=Послать. Отметим, что значения атрибутов, в которых употребляются знаки, хорошие от латинских, направляться непременно заключать в кавычки.

        Засуньте пустую строчок перед закрывающим тэгом и введите в ней следующий код, создающий кнопку в новом абзаце и сглаживающий ее по центру страницы:

        В следствии элемент … обязан принять следующий вид:

        Напомним еще раз, что в качестве значения атрибута action, в открывающем тэге направляться указать ваш адрес электронной почты.

        Создание WEB страниц легко!


        Понравилась статья? Поделиться с друзьями: