Эксперт по сдаче вступительных испытаний в ВУЗах
WEB — ПРОГРАММИРОВАНИЕ
Оглавление
Введение 3
1 Основные сведения о HTML 5
2 Структура HTML-документа 6
3 Формы и работа с ними 8
4 Фреймы 10
Заключение 12
Список использованной литературы 13
Введение
Общеизвестно, что основой современного общества является полная, достоверная и своевременно полученная информация. Не зря, еще в XIX веке династия Ротшильдов увековечила за собой фразу, которую мы слышим и по сей день: «Кто владеет информацией, тот владеет миром».
Под информацией понимаются любые сведения, которые дают представление о той или иной стороне материального мира, а также процессах, происходящих в нем.
Создание и развитие глобальной сети Интернет позволило осуществлять обмен и передачу информации более удобным способом за более короткий срок. Глобальная сеть не только соединила пользователей всего мира, но и утвердилась в виде новых технологий на персональных компьютерах.
В результате работа многих пользователей стала иметь большее отношение к сети Интернет. Так, одним из способов самовыражения стало размещение личных страничек в Интернет. Многие коммерческие фирмы стали использовать сеть для рекламы и сбыта своей продукции. Людям, занятым поиском работы, стал доступен и такой сервис: составить резюме в формате веб-страницы и разместить эту информацию в сети Интернет.
Веб-страницы стали основой любого сайта, пользователи Интернета ежедневно просматривают миллиарды веб-страниц. Таким образом, становится необходимым и актуальным изучить, что такое веб-страницы.
Целью данной работы ставится рассмотрение веб-страниц.
Для достижения поставленной цели работы необходимо решить следующие задачи:
– рассмотреть основные сведения о HTML, как языке для создания веб-страниц;
– рассмотреть структуру HTML-документа.
– рассмотреть понятие форм и основы работы с ними;
– рассмотреть понятие фреймов.
1 Основные сведения о HTML
Веб-разработка становится очень популярной в последнее десятилетие.
HTML расшифровывается как Hypertext Markup Language, – язык раз-метки гипертекста. Особенностью являются ссылки, с помощью которых можно переходить с текущей страницы на другую страницу в этом же или другом окне обозревателя, или на текущую страницу в другом месте.
Другой особенностью являются так называемые «формы», с помощью которых пользователь может вводить информацию, которая затем опять же отправляется серверу в виде нового запроса (с получением новой HTML-страницы).
В основе HTML лежат теги. Тег (tag) – это ключевое слово, заключенное в треугольные скобки. Например, – тег, начинающий страницу HTML. Некоторые теги требуют указания окончания области действия тега. Для этой цели используются завершающие теги вида . Например, тег требует завершающего тега . Все, что расположено в тексте между этими двумя тегами, есть содержание страницы HTML [2].
Некоторые теги не требуют завершения, например,
(мягкий перенос строки) или
(рисунок). Иногда такие теги для совместимости с XML «закрывают» следующим образом:
. Некоторые завершающие теги без каких-либо последствий могут быть пропущены, например, тег , завершающий параграф.
2 Структура HTML-документа
Рассмотрим пример простейшего HTML-документа, представленный на рисунке 1.
Рисунок 1 – Пример HTML документа
Весь документ заключен в тег . Документ поделен на две части тегами и . В части HEAD (заголовок) размещается дополнительная информация о документе (например, используемая кодировка, мета-информация, используемые стили и т.п.). В примере в заголовке размещен тег
, который определяет заголовок страницы, отображаемый в заголовке обозревателя.
В части BODY (тело) размещаются элементы страницы, то есть ее основное содержимое. Тело документа содержит множество различных тегов, управляющих отображением, а также ссылками и формами.
При размещении элементов страницы обычно используется поточный принцип: элементы размещаются слева направо и сверху вниз по мере прочтения HTML текста [6]. Однако некоторые элементы могут быть размещены с отступлением от этого правила. Например, элемент может быть размещен по некоторым абсолютным (относительно некоторого контейнера) или относительным (относительного поточного размещения) координатам.
Часть тегов являются контейнерами, например,