Создание web-страниц при помощи языка HTML

Санкт-Петербургский  Государственный Политехнический  Университет

Факультет Экономики и Менеджмента

Кафедра: Экономика и менеджмент в электроэнергетике  и природопользовании 
 
 
 

Курсовая  работа

Информационные  технологии в энергетике 

  «Создание web-страниц при помощи языка HTML ». 
 
 
 
 

Руководитель: Васильева Вероника Игоревна

Выполнила студентка группы 2073/2: Марьина Виктория. 
 
 
 
 
 
 
 
 
 
 

г. Санкт-Петербург

2010 г. 
 

  Содержание  

Введение  ……………………………………………………………………3

1. Основные  понятия языка HTML………………………………………..4

    1.1 История появления языка HTML………………………………….4

       1.2.  Структура файла в формате HTML……………………………....6

    1.3. Списки базовых тэгов HTML……………………………………..9

    1.4. Создание таблиц в HTML………………………………………..10

    1.5 Создание гипертекстовых ссылок………………………………..12

2. Описание создание сайта «Стрельба из лука»…..……………………..14

Заключение………………………………………………………………….22

Список  литературы………………………………………………………....23 
 
 
 
 
 
 
 
 
 
 
 
 

Введение. 

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

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

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

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

1.1 История появления языка HTML. 

   HTML (от англ. Hyper Text Markup Language  - «язык разметки гипертекста»)  - стандартный язык разметки документов во Всемирной паутине. Большинство web-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

   HTML является приложением («частным  случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. XHTML же является приложением XML.

    Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991—1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве(Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи.

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

     Текстовые документы, содержащие код на языке HTML (такие документы традиционно имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса web-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Mozilla Firefox, Safari, Google Chrome и Opera.

1.2 Структура файла в формате HTML

 
 

      Для создания web-страницы в первую очередь нам потребуется создать файл с расширением "htm" или "html" и открыть его для редактирования в текстовом редакторе (работая в Windows, можно использовать стандартную программу "Блокнот").

      Текст для HTML-документа набирается в том  виде, в котором его должен показать браузер, а при выделения фрагментов, которые предназначены для разметки документа (тегов), используются угловые  скобки (знаки "<" и ">").

      Любой документ HTML начинается с открывающего тега и заканчивается соответствующим ему закрывающим тегом. Закрывающий тег отличается от открывающего наличием косой черты перед названием тега. В языке HTML нет различий между большими и малыми буквами при записи тегов, однако принято записывать открывающий тег большими буквами, а закрывающий - малыми. Часть документа, которая находится в пределах от открывающего до соответствующего ему закрывающего тега, называется контейнером (to contain - содержать что-либо). Теги, у которых есть закрывающий и открывающий варианты записи называются парными, а те, которые используются только в одном виде (например, тег <P> ), называются непарными. Весь файл web-страницы - это по сути дела один большой контейнер HTML.

      Внутри контейнера HTML последовательно записываются два контейнера:

      1.Заголовок  документа (<HEAD>). Внутри этого контейнера записываются параметры, общие для всей страницы. Для примера можно поместить сюда контейнер , позволяющий поместить текст для отображения в заголовке окна браузера.

      2.Тело  документа (<BODY>). Этот контейнер содержит всё то, что должен показать браузер внутри своего окна при открытии документа. Если документ содержит только текст, то этот текст нужно записывать именно здесь, если есть другие элементы (графика, таблицы, ссылки и т. д.). Элемент BODY должен встречаться в документе не более одного раза.

    Если  сравнить исходные тексты различных Web-страниц, можно легко увидеть сходство их структур. Это объясняется тем, что документы создаются по определенным правилам. В основу синтаксиса языка HTML лег стандарт ISO 8879:1986 «Information processing. Text and Office systems. Standard Generalized Markup Language (SGML)». Правда, существует большое различие между стандартом официальным и стандартом фактическим.

      Ниже  приведен шаблон типичного Web-документа. На его примере мы рассмотрим общие  принципы построения HTML-страниц.

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

<HTML>

<HEAD>

<TITLE>исходная </TITLE>

</HEAD>

<BODY>тело документа

</BODY>

</HTML>

Если  приведенный выше пример пояснить схематически, получится следующее:

   Из  схемы видно, что документ состоит  из двух основных блоков – "заголовка" и "тела документа". Заголовок определяется с помощью элемента HEAD, а тело – элементом  BODY.

   Заголовок содержит "техническую" информацию о документе, хотя чаще всего используется только для обозначения его названия (см. элемент TITLE).

Тело  документа – самая важная составляющая. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы.

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

Элементы, относящиеся к заголовку документа:

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

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

BASE - Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тега. Обязательно присутствие хотя бы одного из атрибутов.

        1.3. Списки базовых тэгов HTML

 Список базовых тэгов HTML необходимых для формирования текста web-страницы.