Разработка и создание информационного объекта в виде Web-сайта на заданную тему
Государственное бюджетное образовательное учреждение среднего профессионального образования «Челябинский базовый медицинский колледж»
(ГБОУ СПО «ЧБМК»)
«Разработка и создание информационного объекта в виде Web-сайта на заданную тему»
Цели и задачи:
Изучение простейшего языка HTML (базовых функций необходимых для освоения программы).
Формирование у студентов понятия «Простейший Web», способы создания простейшего сайта с начальным уровнем усвоения языка программирования HTML.
Овладение техникой создания простой Web-страницы с форматированием текста по заданным параметрам, а также применение картинок в формировании веб-объекта, создания ссылок и таблиц.
Студент должен знать:
Понятие «HTML», «Простейший Web»
Иметь представление о передаче, обработке, хранении информации
Иметь представление о свойствах таблиц в Web (хранение баз данных на серверах)
Что такое «Гипертекст» и где он может находиться на Web-странице?
Студент должен уметь:
Создавать простейшую Web-страницу по предложенному образцу
Создавать простейшую HTML-таблицу, вписывая данные
Устанавливать «Шапку» (HEAD) для Web-страницы
Вставлять картинку в страницу (формат gif или jpeg)
Вставлять в страницу заголовки от 1го до 6 уровня
Вставлять разделительную черту перед или после заголовков
Правильно устанавливать ссылки на странице
Применять форматирование к буквам в тексте (шрифт, размер, цвет и т.д.)
Внимание! Требования к отчету:
Итоги практической работы представить в виде веб-файлов в папке под своей фамилией.
Создание Web-страницы
ПРАКТИЧЕСКАЯ РАБОТА
Цель работы:
Ознакомление с особенностями форматирования документов HTML и их отображения при помощи обозревателя.
Изучение разметки абзацев.
Создание документа, содержащего гиперссылки, графику.
Изучение атрибутов тега <IMG>.
Обеспечивающие средства:
Сборник описаний практических работ;
Операционная система Windows Xp;
Программа Internet Explorer или Google Chrome; программа «блокнот»,
Персональный компьютер.
Теоретическая часть:
Все документы HTML имеют одну и ту же структуру, определяемую фиксированным набором тегов структуры. Теговая модель документа: "элемент" := <"имя элемента" "список атрибутов"> содержание элемента </"имя элемента">. Элемент HTML или гипертекстовый документ состоит из двух частей: заголовка документа (HEAD) тела документа (BODY)
<HTML> <HEAD> Содержание заголовка </HEAD>
<BODY> Содержание тела документа </BODY> </HTML>
Элементы заголовка <TITLE> поля документа, <BASE> базовый адрес, <ISINDEX> поисковый документ, <LINK> общая гипертекстовая ссылка, <META> гипертекстовые контекстные ссылки.
Язык HTML поддерживает 6 уровней заголовков от <H1> до <H6>.
Обычные абзацы задаются с помощью парного тега <P>.
Гипертекстовая ссылка определяется при помощи парного тега <A>.
Обязательным атрибутом является HREF=. В качестве значения атрибута используется адрес URL документа, на который указывает ссылка, ссылка может быть локальной. Примеры: <A HREF="http://polyn.net.kiae.su/index.html">. Индекс базы данных "Полынь"</A> <A NAME="point"> <A HREF="http://polyn.net.kiae.su/index.html#point"> Ссылка на точку "point" в документе "index.html"</A>.
Для представления графики используют форматы файлов GIF и JPEG. Для вставки рисунка используется текстовый элемент, задаваемый непарным тегом <IMG>. Тег <IMG> должен содержать обязательный атрибут SCR=, задающий адрес URL файла с изображением. Примеры: <img SRC="http://polyn.net.kiae.su/gif/sarclast.gif" ALT="Sarcofagus.Winter, 1997">, <A HREF="doc.html"><img SRC="icon.gif" ALIGN=MIDDLE></A>.
Ход работы:
Задание №1. Создание простейшей Web-страницы.
Текст для страницы выбираем самостоятельно. Все теги и буквы печатаются также самостоятельно, не копируем!
1. Запустите текстовый редактор Блокнот (Пуск > Программы > Стандартные > Блокнот).
2. Введите следующий документ:
<HTML>
<HEAD> <TITLE>Ваш заголовок документа</TITLE> </HEAD>
<BODY>
Содержание Вашего документа
</BODY> </HTML>
3. Сохраните этот документ под именем first.htm
Перед сохранением убедитесь, что сброшен флажок Не показывать расширения для зарегистрированных типов файлов (Пуск > Настройка > Свойства папки > Вид). В противном случае редактор Блокнот может автоматически добавить в конец имени расширение .ТХТ.
4. Запустите программу Internet Explorer (Пуск > Программы > Internet Explorer).
5. Дайте команду Файл > Открыть. Щелкните на кнопке Обзор и откройте файл first.htm.
Задание №2. Изучение приемов форматирования абзацев
1. Откройте документ first.htm в программе Блокнот.
2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.
3. Введите заголовок первого уровня, заключив его между тегами <Н1 > и </Н1 >.
4. Введите заголовок второго уровня, заключив его между тегами <Н2> и </Н2>.
5. Введите отдельный абзац текста, начав его с тега <Р>. Пробелы и символы перевода строки можно использовать внутри абзаца произвольно.
6. Введите тег горизонтальной линейки <HR>.
7. Введите еще один абзац текста, начав его с тега <Р>.
8. Сохраните этот документ под именем paragraph.htm.
9. Запустите обозреватель Internet Explorer (Пуск > Программы > Internet Explorer).
10. Дайте команду Файл > Открыть. Щелкните на кнопке Обзор и откройте файл paragraph.htm.
11. Посмотрите, как отображается этот файл. Установите соответствие между элементами кода HTML и фрагментами документа, отображаемыми на экране.
Задание №3. Создание гиперссылки
1. Откройте свой документ first.htm в программе Блокнот.
2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
3. Введите фразу: Текст до ссылки.
4. Введите тег: <А HREF="first.htm">.
5. Введите фразу: Ссылка.
6. Введите закрывающий тег </А>.
7. Введите фразу: Текст после ссылки.
8. Сохраните документ под именем link.htm
9. Запустите обозреватель Internet Explorer (Пуск > Программы > Internet Explorer).
10. Дайте команду Файл > Открыть. Щелкните на кнопке Обзор и откройте файл link.htm.
11. Убедитесь в том, что текст между тегами <А> и </А> выделен как ссылка (цветом и подчеркиванием).
12. Щелкните на ссылке и убедитесь, что при этом загружается документ, на который указывает ссылка.
13. Щелкните на кнопке Назад на панели инструментов, чтобы вернуться к предыдущей странице. Убедитесь, что ссылка теперь считается “просмотренной” и отображается другим цветом.
Задание №4. Создаём изображения и используем его на Web-странице
1. Откройте программу Paint (Пуск > Программы > Стандартные > Paint). Задайте размеры нового рисунка, например 250х250 точек (Рисунок > Атрибуты).
2. Нарисуйте произвольный рисунок.
3. Сохраните рисунок под именем pict1.gif (в формате GIF).
4. Если это упражнение выполняется не сразу после предыдущего, откройте документ first.htm в программе Блокнот.
5. Скопировать код, поместите его вниз под первым кодом. В <BODY> и </BODY>. текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
6. Введите произвольный текст (протяженностью 4-5 строк) и установите текстовый курсор в его начало.
7. Введите Teг <IMG SRC="pic1.gif" ALIGN="BOTTOM">.
8. Сохраните документ под именем picture.htm.
9. Запустите обозреватель Internet Explorer (Пуск > Программы > Internet Explorer) или Google Chrome.
10. Дайте команду Файл > Открыть. Щелкните на кнопке Обзор и откройте файл picture.htm. Посмотрите на получившийся документ, обращая особое внимание на изображение.
11. Вернитесь в программу Блокнот и измените значение атрибута: ALIGN="TOP". Сохраните файл под тем же именем.
12. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.
13. Вернитесь в программу Блокнот и измените значение атрибута: ALIGN="LEFT". Сохраните файл под тем же именем.
14. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.
Задание №5. Создание таблицы
Откройте свой документ first.htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
Таблица в языке HTML задается парным тегом <TABLE>.
Заголовок таблицы определяется парным тегом <CAPTION>, строки таблицы задаются при помощи тегов <TR>.
Ячейки в заголовках столбцов – парным тегом <TH>. Обычные ячейки – <TD>.
Закрывающиеся теги можно опускать.
Где BORDER=#> задает параметры ширины таблицы
Задание №6. Создание фона для страницы
Для создания фона можно использовать массу тегов и вариаций. Остановимся на самом простом из них , а именно на
<body style="background-image: url(fon.gif); background-repeat: repeat-x; background-position: top;">
Где:
fon.gif – название изображения в формате gif background-repeat - задает параметры для повторения фона. Может принимать следующие значения:
repeat-x (повторять по горизонтали)
repeat-y (повторять по вертикали)
no-repeat (не повторять)
repeat (повторять по горизонтали и вертикали)
По умолчанию включен просто repeat, т.е. повторять.
Если мы хотим повторять и по вертикали и по горизонтали, то перечисляем функции через запятую. Например repeat-x,y;
background-attachment - задание привязки. Может принимать два параметра:
scroll (действует по умолчанию) - фон прокручивается вместе с сайтом;
fixed - при прокрутке скролла фон остается неизменными;
background-position - задание расположение фона. Может принимать 5 параметров:
topleftrightbottomcenterИтак:
1. Запустите текстовый редактор Блокнот (Пуск > Программы > Стандартные > Блокнот).
2. Введите следующий документ:
<HTML>
<HEAD> <TITLE>Ваш заголовок документа</TITLE> </HEAD>
<BODY>
Содержание Вашего документа
</BODY> </HTML>
3. Сохраните этот документ под именем fon.htmПеред сохранением убедитесь, что сброшен флажок Не показывать расширения для зарегистрированных типов файлов (Пуск > Настройка > Свойства папки > Вид). В противном случае редактор Блокнот может автоматически добавить в конец имени расширение .ТХТ.
4. Запустите программу Internet Explorer (Пуск > Программы > Internet Explorer).
5. Дайте команду Файл > Открыть. Щелкните на кнопке Обзор и откройте файл fon.htm.
6. Создаем (или копируем) фон. Для этого необходимо в Вашу папку «Мой сайт» поместить фон (рисунок) изображения и назвать его fon.gif . Сам фон может быть каким-то рисунком, градиентной заливкой и т.д. Главное – это не делать фон очень ярким, при том, что текст в Вашей HTML-странице будет написан простыми буквами.
7. Помещаем тег <body style="background-image: url(fon.gif); background-repeat: repeat-x; background-position: top;"> между <BODY> и </BODY>
8. Сохраните документ и откройте его через браузер. Изображение, которое вы сохранили в папке должно быть на странице, а по верх него текст.
Задание №7. Составление HTML -страницы "Студенту в помощь"
Теги и примеры их оформления Пояснения
<HTML>
<HEAD><TITLE>Курсовая работа</TITLE></HEAD>
<BODY> Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается тегами <HEAD>
</HEAD>. Раздел заголовков должен содержать общий заголовок документа, ограниченный парным тегом <TITLE>
<P><FONT SIZE=”14”FACE=”ARIAL”COLOR=”RED”> Содержание </FONT> Обычный абзац начинается с тега <P>
Тег <FONT> управляет параметрами шрифта,
содержит атрибуты COLOR= цвет текста (например, “GREEN”, “RED”, и т.д.),
FACE= гарнитура шрифта или имя шрифта (например, ARIAL и т.д.),
SIZE= размер шрифта.
<H1> Введение </H1>
<H1> 1. Использование информационных технологий при решении экономических задач
</H1> 1.1 Классификация ИТ
<H2> Язык HTML поддерживает 6 уровней заголовков от <H1> до <H6>
Текст до ссылки.
<A HREF=”first.htm”>
Ссылка. </A> Гипертекстовая ссылка определяется парным тегом <A>.
Обязательным является HREF= (знак равенства показывает, что необходимо задать значение этого атрибута, т.е. адрес документа, на который указывается ссылка)
<IMG SRC= “pict1.gif”
ALINE=”MIDDLE”>. Вставка графического элемента (используется только два формата –GIF, JPEG).
Для вставки рисунка используется текстовый элемент, задаваемый непарным тегом <IMG> с обязательным атрибутом SRC=, задающим адрес файла с изображением.
Атрибут ALINE= режим взаимодействия изображения с текстом
(BOT-TOM – рисунок выше текста, MIDDLE – рисунок в середине текста,
LEFT – левее, а RIGHT – правее текста).
</BODY>
</HTML>
<HTML>
<HEAD> <TITLE> Заголовок документа </TITLE></HEAD>
<BODY>
<P> Содержание
<UL>
<LI> <A HREF= “vvedenie.htm”> Введение
</A>
<OL>
<LI>Использование информационных технологий при решении экономических задач
<LI>Решение конкретной экономической задачи с использованием Excel
</OL> Списки
Упорядоченные (нумерованные) списки создаются при помощи парных тегов <OL>, маркированные списки при помощи <UL>.
Эти списки могут содержать только элементы списка, определяемые парным тегом <LI>. Закрывающий тег </LI> можно опускать.
Например, Содержание документа можно оформлять списком и использовать гиперссылки.
<LI><A HREF=”conclusion.htm”> Заключение</A>
</UL>
</BODY>
</HTML> Содержание
Введение
1. Использование информационных технологий при решении экономических задач
2. Решение конкретной экономической задачи с использованием Excel
Заключение
Задание №8. Составление HTML-страницы с применением всех предложенных функций и методов вставки кода на HTML-страницу
Задание: Изучив вышеуказанные простейшие приёмы программирования, составить свою собственную веб-страницу под названием «Мой сайт». В работе можно использовать картинки, форматирование текста, ссылки и прочее.
Таблица тегов применяемых при создании Web-страницы
Основные теги
Основные теги<html></html> Указывает программе просмотра страниц что это HTML документ.
<head></head> Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
<body></body> Определяет видимую часть документа
Теги оглавления<base href="www.?"> Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью)
<base target="?"> Указание браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра)
<meta name="allow-search" content="?"> Указание для поисковых роботов как следует сканировать данную страницу
<meta http-equiv="distribution" content="?"> Указание для поисковых роботов относится ли данная страница к мировым
<meta name="robots" content="?"> Указание для поисковых роботов как следует сканировать данную страницу
<meta name="author" content="?"> Указание автора странички
<meta name="keywords" content="?"> Описание содержащийся информации (для поисковых машин)
<meta http-eguiv="content-type" content="text/plain;churset="?"> Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.)Некоторые хостинги (восновном иностранные) автоматически перекодируют страници получаемые сервером в определенную кодировку. Поэтому уточняйте передпостановкой этого тега у поставщиков хостинга этот вопрос.
<meta name="description" content="?"> Ключевые слова странички (для поисковых машин)
<title></title> Помещает название документа в оглавление программы просмотра страниц
Атрибуты тела документа<body bgcolor="?"> Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.
<body text="?"> Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.
<body link="?"> Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.
<body vlink="?"> Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
<body alink="?"> Устанавливает цвет гиперссылок при нажатии.
Теги форматирования текста<pre></pre> Обрамляет предварительно отформатированный текст.
<h1></h1> Создает самый большой заголовок
<h2></h2>, <h3>, </h3><h4></h4>, <h5>, </h5> Создает заголовоки промежуточных размеров
<h6></h6> Создает самый маленький заголовок
<b></b> Создает жирный текст (не рекомендованный)
<i></i> Создает наклонный текст (не рекомендованный)
<tt></tt> Создает текст - имитирующий стиль печатной машинки. (не рекомендованный)
<kbd></kbd> Создает текст - имитирующий стиль печатной машинки. (рекомендованный)
<var></var> Название переменных отображается курсивом
<cite></cite> Выделение цитат курсивом
<address></address> Отображается курсивом в виде отдельного абзаца
<em></em> Наклонный текст (воспринимается поисковыми роботами как выделение)
<strong></strong> Жирный текст (воспринимается поисковыми роботами, как особо сильное выделение)
<font size="?"></font> Устанавливает размер текста в пределах от 1 до 7.
<font color="?"></font> Устанавливает цвет текста, используя значение цвета в виде RRGGBB.
Г Гиперссылки<a href="URL"></a> Создает гиперссылку на другие сайты.
<atarget="?"></a> Указывает, в каком окне открывать гиперссылку.
параметры Значение
_BlankЗагрузка содержимого страницы, заданной ссылкой, в новое пустое окно
_ParentЗагрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку
_SelfЗагрузка содержимого страницы, заданной ссылкой, в окно, игнорируя используемые фреймы
_TopЗагрузка содержимого страницы, заданной ссылкой, в окно, игнорируя использованные фреймы
При использовании фреймов и вложенных фреймов значением может выступать имя фрейма или вложенной сетки фреймов, при этом страница откроется в указанной части окна.
<a href="NAME"></a> Создает гиперссылку на другую страницу.
<a href="mailto:EMAIL"></a> Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу.
<a href="#name"></a> Создает гиперссылку на метку текущей страницы.
<a name="name"></a> Отмечает часть текста, как метку для гиперссылок на странице.
<a href="NAME#name"></a> Создает гиперссылку на метку другой страницы.
Форматирование<p></p> Создает новый параграф
<p align="?"></p> Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center<nobr> Запрещает перевод строки.
<wbr> Указывает где разбивать строку для переноса при необходимости.
<br> Вставляет перевод строки.
<blockquote></blockquote> Создает отступы с обеих сторон текста.
<dl></dl> Создает список определений.
<dt> Определяет каждый из терминов списка
<dd> Описывает каждое определение
<ol></ol> Создает нумерованный список
<li> Определяет каждый элемент списка и присваивает номер
<ul></ul> Создает ненумерованный список
<li> Предваряет каждый элемент списка и добавляет кружок или квадратик.
<div align="?"></div> Важный тег, используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
Графические элементы<img src="name"> Добавляет изображение в HTML документ
<img src="name" align="?"> Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle<img src="name" border="?"> Устанавливает толщину рамки вокруг изображения
<img src="name" vspase="?"> Устанавливает поля сверху и снизу
<img src="name" hspase="?"> Устанавливает поля с боков
<img src="name" alt="?"> Всплывающая подсказка при наведении на имейдж<hr> Добавляет в HTML документ горизонтальную линию.
<hr size="?"> Устанавливает высоту (толщину) линии
<hr width="?"> Устанавливает ширину линии, можно указать ширину в пикселах или процентах.
<hr noshade> Создает линию без тени.
<hr color="?"> Задает линии определенный цвет. Значение RRGGBB.
Таблицы<table></table> Создает таблицу.
<tr></tr> Определяет строку в таблице.
<td></td> Определяет отдельную ячейку в таблице.
<th></th> Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
<caption></caption> Определяет подпись таблицы
Атрибуты таблицы<table border="#"> Задает толщину рамки таблицы.
<table cellspacing="#"> Задает расстояние между ячейками таблицы.
<table cellpadding="#"> Задает расстояние между содержимым ячейки и ее рамкой.
<table width="#"> Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
<table height="#"> Устанавливает высоту таблицы в пикселах или процентах от высоты документа.
<tr align="?"> или <td align="?"> Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
<tr valign="?"> или <td valign="?"> Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.
<td colspan="#"> Указывает количество столбцов, которое объединено в одной ячейке. (По умолчанию=1)
<td rowspan="#"> Указывает количество строк, которое объединено в одной ячейке. (По умолчанию=1)
<td nowrap> Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
<td width="#"> Устанавливает ширину ячейки в пикселах или процентах от ширины таблицы (ячейки одного столбца не могут иметь разную ширину).
<td height="#"> Устанавливает высоту ячейки в пикселах или процентах от высоты таблици (ячейки одной строки не могут иметь разную высоту).
Фреймы<frameset></frameset> Предваряет тег <body> в документе, содержащем фреймы;
<frameset rows="value,value"> Определяет строки в таблице фреймов, высота которых определена количеством пикселов или в процентном соотношении к высоте таблицы фреймов.
<frameset cols="value,value"> Определяет столбцы в таблице фреймов, ширина которых определена количеством пикселов или в процентном соотношении к ширине таблицы фреймов.
<frame> Определяет единичный фрейм или область в таблице фреймов.
<noframes></noframes> Определяет, что будет показано в окне браузера, если он не поддерживает фреймы.
Атрибуты фреймов<frame src="URL"> Определяет, какой из HTML документов будет показан во фрейме.
<frame name="name"> Указывает Имя фрейма или области, что позволяет перенаправлять информацию в этот фрейм или область из других фреймов.
<frame marginwidth="#"> Определяет величину отступов по левому и правому краям во внутрь фрейма; должно быть равно или больше 1.
<frame marginheight="#"> Определяет величину отступов по верхнему и нижнему краям внутрь фрейма; должно быть равно или больше 1.
<frame scrolling=VALUE> Указывает будет ли выводится линейка прокрутки во фрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.
<frame noresize> Препятствует изменению размеров фрейма пользователем.
Ифрейм и его атрибуты<iframe></iframe> Создает контейнер, который может содержать любые элементы. Остальные элементы обтекают этот контейнер.
<iframe src="URL"> Определяет, какой из HTML документов будет показан в ифрейме.
<iframe name="name"> Указывает Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм .<iframe vspase="?"> Устанавливает поля сверху и снизу с наружи от ифрейма<iframe hspase="?"> Устанавливает поля сбоков с наружи от ифрейма<iframe marginwidth="#"> Определяет величину отступов по левому и правому краям в нутрь ифрейма; должно быть равно или больше 1.
<iframe marginheight="#"> Определяет величину отступов по верхнему и нижнему краям в нутрь ифрейма; должно быть равно или больше 1.
<iframe scrolling=VALUE> Указывает, будет ли выводится линейка прокрутки в ифрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.
<iframe width="#"> Определяет ширину ифрейма<iframe height="#"> Определяет высоту ифрейма;
<iframe title="?"> Текст всплывающей подсказки
Формы<form></form> Создает формы
<select multiple name="NAME" size="?"></select> Создает скролируемое меню. Size устанавливает количество пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.
<option> Указывает каждый отдельный элемент меню
<select name="NAME"></select> Создает ниспадающее меню
<option> Указывает каждый отдельный элемент меню
<textarea name="NAME" cols=40 rows=8></textarea> Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.
<input type="checkbox" name="NAME"> Создает checkbox.
<input type="radio" name="NAME" value="x"> Создает radio кнопку.
<input type=text name="foo" size=20> Создает строку для ввода текста. Параметром Size указывается длина в символах.
<input type="submit" value="NAME"> Создает кнопку "Отправить"
<input type="image" border="0" name="NAME" src="name.gif"> Создает кнопку "Отправить" - для этого используется изображение
<input type="reset"> Создает кнопку "Очистить"