42139

Создание HTML-страницы для ввода данных

Лабораторная работа

Информатика, кибернетика и программирование

Теория В целом для создания HTMLкода чаще всего используются следующие теги: Теги начала и окончания HTMLстраницы html html Теги начала и окончания заголовка HTMLстраницы hed hed Теги начала и окончания названия HTMLстраницы title title Тег для установки кодировки HTMLстраницы met httpequiv= ContentType content= text html; chrset=windows1251 Теги начала и окончания основного тела HTMLстраницы body body Теги начала и окончания абзаца параграфа в теле HTMLстраницы p p Тег пропуска строки br Теги начала и...

Русский

2013-10-27

31.5 KB

3 чел.

Задание на лабораторную работу №1

Тема: Создание HTML–страницы для ввода данных

  1.  Цель работы

Разработать HTML-код, который при вызове в окно Web-браузера выводится  произвольная HTML-страница с HTML-формой. На форме должны использоваться как минимум пять различных типов элементов форм, а также кнопка Submit («Отправить»). Например, форма может содержать поле ввода текта (text field), кнопку-флажок (checkbox), радио-кнопки (radio buttons), список (scrolling list), много-строчное поле ввода текста (text area) и т.д.

  1.  Теория

В целом для создания HTML-кода чаще всего используются следующие теги:

  •  Теги начала и окончания HTML-страницы

<html>

</html>

  •  Теги начала и окончания заголовка HTML-страницы

<head>

</head>

  •  Теги начала и окончания названия HTML-страницы

<title>

</title>

  •  Тег для установки кодировки HTML-страницы

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

  •  Теги начала и окончания основного тела HTML-страницы

<body>

</body>

  •  Теги начала и окончания абзаца (параграфа) в теле HTML-страницы

<p>

</p>

  •  Тег пропуска строки

<br>

  •  Теги начала и окончания формы

<form method=… action=…>

</form>

  •  Тег формирования однострочного поля ввода на форме

<input type=text name=… size=…>

  •  Теги формирования многострочного поля ввода на форме

<textarea name=… rows=… cols=… >

</textarea>

  •  Теги формирования ниспадающего списка из нескольких элементов на форме

<select name=…>

<option> … </option>

   <option> … </option>

</select>

  •  Тег формирования поля отметки пункта на форме

<input type=checkbox name=… value=…>

  •  Тег формирования кнопки отправки данных из формы на сервер

<input type=submit value="Отправить" name=…>

  1.  Порядок выполнения работы
  •  Создать файл с расширением HTML
  •  Спроектировать внешний вид HTML–страницы
  •  Написать код страницы в любом текстовом редакторе (notepad.exe)
  •  Загрузить полученную страницу в WEB–браузер
  •  Откорректировать при необходимости код HTML-страницы

В качестве возможного варианта – пусть HTML-страница содержит HTML-форму, которая в свою очередь состоит из следующих элементов: поле ввода текста (text field), кнопку-флажок (checkbox), список (scrolling list) и многострочное поле ввода текста (text area).