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).


 

А также другие работы, которые могут Вас заинтересовать

53893. Створення розвивально-ігрового середовища для розвитку творчого життя дошкільника 38 KB
  Продовжувати вчити виконувати роль кожного працівника кондитерського цеху знаходити методи спілкування між працівниками фабрики: кондитер завідувач кондитерським цехом директор секретар; будувати правильні міжрольові діалоги; закріпити засвоєні знання дітей із культури ділового спілкування; продовжувати вчити застосовувати свої знання на практиці в нестандартних умовах; закріпити вміння творчо працювати групами і допомагати один одному співпереживати. Розширювати уявлення дітей про роботу малих підприємств; закріпити вміння виконувати...
53894. Формування культури учнів засобами навчальних предметів 75 KB
  Як зазначено у Концепції загальної середньої освіти:Слайд №3 Освіта ХХІ століття – це освіта для людини її стрижень – розвиваюча культуротворча домінанта виховання відповідальної особистості яка здатна до самоосвіти та саморозвитку вміє критично мислити опрацьовувати різноманітну інформацію прагне змінити на краще своє життя і життя своєї країни.Слайд №4 ХХІ століття – це час переходу до високотехнологічного інформаційного суспільства у якому якість людського потенціалу рівень освіченості й культури всього населення...
53895. Позакласний захід «Фестиваль грецької культури» 2.09 MB
  Україна - толерантна, багатонаціональна держава. Більше 50 націй і національностей проживають в ній. За 20-літнє незалежне існування, великі і малі народи України, отримали можливість всебічного розвитку своєї культури, традицій, мови. Один з таких народів греки.
53896. Проект «Культура спілкування» 65.5 KB
  Очікувані результати: учні навчаться здобувати інформацію з різних джерел аналізувати і систематизувати її; отримають досвід публічного виступу під час захисту проекту; здобудуть життєві навички культурного спілкування. Форми роботи: робота з літературою за темою проекту; анкетування; інтерв’ю; підготовка пам’яток; бесіди; інсценівки; години спілкування; дискусії. Опрацювати літературу з питань культури спілкування та визначити основні правила спілкування скласти пам’ятки: Основні правила спілкування Якщо...
53897. Культура України у І половині ХVІІ століття 44.5 KB
  Робота в групах. І група. Чому вертеп користувався популярністю серед населення ІІ група. Чому бандуристи кобзарі лірники користувалися надзвичайною повагою ІІІ група.
53898. КОМБІНАЦІЯ КУЛІ З ІНШИМИ ТІЛАМИ 377.5 KB
  При розвязуванні задач на комбінацію кулі з многокутниками і тілами обертання потрібно встановити залежність між радіусом кулі і лінійними елементами тіл що входять в комбінацію. Успішне розвязання таких задач потребує чіткої уяви про положення центра кулі в даній комбінації. Додатковий малюнок в якому радіус кулі і повязані з ним елементи іншого тіла даються в натуральну величину в розрізі відповідають тій же меті.
53899. Курение или здоровье? Выбирайте сами! 73 KB
  Просмотр слайдов презентации с комментариями. Вступительное слово учителя: Слайд 1: Сегодня наш классный час посвящен серьезной проблеме. Слайд 2 Здоровье это действительно бесценный дар. Просмотр слайдов презентации с комментариями учителя: Слайд 3 Курение – самая серьезная из предотвратимых причин нарушения здоровья.
53900. Практический курс по художественному труду «Фантазия и воображение» 43.5 KB
  Следует обсуждение возможных вариантов работы и необходимых материалов. Учитель или подготовленный ученик в ходе работы рассказывает интересные факты по теме занятия. В процессе работы могут быть диалоги учитель-ученик ученик-ученик а также монологи во время которых дети высказывают оценочные суждения. Возможные материалы для основной работы Упаковочный картон для основы чипсы фирмы Люкс Лейз Гуашь краски тушь цветные карандаши мелки.
53901. Програма факультативного курсу «Література і театр» (8-9 клас) 167 KB
  Дебальцева Програма факультативного курсу Література і театр 8 9 клас Курінна Л. вчитель російської мови та зарубіжной літератури вчительметодист вища категорія 2010 2011 навчальний рік Пояснювальна записка Програма факультативного курсу Літератури і театр с орієнтиром у прилученні школярів до театрального мистецтва з метою їхнього загального естетичного розвитку розширення і збагачення духовних потреб підвищення рівня творчої активності громадянської свідомості стимулювання і розвиток життєвої компетентності. В основу...