Файл: Основы программирования на языке HTML. (История появления HTML).pdf

С созданием сетей Интернет и внутренних сетей предприятий и корпораций появилась возможность с любого оборудованного компьютером рабочего места получить доступ к информационному ресурсу мировой сети. World Wide Web, что означает в переводе с английского языка -«всемирная паутина», получила столь широкое распространение в мире из за многих своих преимуществ, в том числе из-за простоты своих пользовательских интерфейсов. Для работы в мировой сети был создан особенный язык. Простой и гениальный язык, обосновавшийся на просторах всемирной сети HTML — это язык, объединивший World Wide Web. С помощью его простых принципов была разработана фантастически разнообразная сеть: от крупнейших Google, eBay, Youtube, до индивидуальных блогов и сайтов любого человека в мире. Принцип нажимай на то, что интересно, лежащий в основе гипертекста, сразу всем понятен. Такой способ представления информации называется гипертекстом, а документы, представленные в таком виде –гипертекстовыми документами. HTML язык по своей сути не является языком программирования, он является языком разметки гипертекстовых документов. Иначе говоря, он отвечает за расположение в документе текстов, рисунков, таблиц, предназначенных для жизни в сети Интернет. Язык не может посчитать, сколько будет дважды два, в нем нет логических функций, зато красиво и главное легко выложить информацию о том, что дважды два будет четыре. Читается этот язык при помощи программ, именуемых браузерами (обозревателями), которые "знают" стандартные команды html языка, и "переводя" их выводят на монитор компьютера документы в том виде, в котором хочет представить их веб мастер - составитель документа. Название языка HTML происходит от английских слов HyperTextMarkupLanguage – язык разметки гипертекста. HTML – похож на обычный текстовый файл, в котором находится как стандартный текст, так и особые коды форматирования или разметки. Эти коды указывают, каким образом должен отображаться данный документ программой — просмотрщиком (браузером). HTML-документ является переносимым продуктом. Это означает, что авторский труд будет легко доступен огромному числу пользователей, независимо от марки компьютера и типа операционной системы. Именно это свойство HTML-документов, а также их относительно малый размер, позволили с успехом использовать HTML-технологию для подготовки WWW-страниц в Интернете.

Разработчики HTML смогли решить две задачи:

 предоставить дизайнерам гипертекстовых баз данных простое средство создания документов;

 сделать это средство достаточно мощным, чтобы отразить имевшиеся на тот момент представления об интерфейсе пользователя гипертекстовых баз данных.

Первая задача была решена за счет выбора теговой модели описания документа. Такая модель широко применяется в системах подготовки документов для печати.

Язык НТМL позволяет размечать электронный документ, который отображается на экране с полиграфическим уровнем оформления; результирующий документ может содержать самые разнообразные метки, иллюстрации, аудио- и видеофрагменты и так далее. В состав языка вошли развитые средства для создания различных уровней заголовков, шрифтовых выделений, различные списки, таблицы и многое другое.

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

Таким образом, гипертекстовая база данных в концепции WWW — это набор текстовых файлов, размеченных на языке HTML, который определяет форму представления информации (разметка) и структуру связей между этими файлами и другими информационными ресурсами (гипертекстовые ссылки). Гипертекстовые ссылки, устанавливающие связи между текстовыми документами, постепенно стали объединять самые различные информационные ресурсы, в том числе звук и видео; в результате возникло новое понятие — гипермедиа.

Такой подход предполагает наличие еще одного компонента технологии — интерпретатора языка. В World Wide Web функции интерпретатора разделены между Web-сервером гипертекстовой базы данных и интерфейсом пользователя. Сервер, кроме доступа к документам и обработки гипертекстовых ссылок, обеспечивает предпроцессорную обработку документов, в то время как интерфейс пользователя осуществляет интерпретацию конструкций языка, связанных с представлением информации.

2. История появления HTML.

История HTML началась в конце 1980-х годов, когда у ученых из Европейской лаборатории элементарных частиц (CERN) возникла необходимость обмениваться множеством различных документов при помощи быстро развивающейся сети Интернет. Тогда необходимо было придумать способ публикации документов в сети таким образом, чтобы к любому нужному документу можно было легко получить доступ. К тому же нужно было, чтобы документы отображались на всех компьютерах одинаковым образом.

Решение поставленной задачи было найдено сотрудником CERN Бернерс-Ли. В 1989 году Тим Бернерс-Ли создал новый язык форматирования документов. В его основу был положен другой ранее созданный язык – SGML, который предусматривал установку связей между

документами с помощью гиперссылок. Новый язык разметки был назван HTML. Этот же человек реализовал и первую программу для просмотра HTML - документов – браузер. Затея с гипертекстом очень быстро прижилась. Вскоре в Интернете выросла большая сеть гипертекстовых документов, которую постепенно стали называть World Wide Web. К тому же в 1993 году команда программистов, руководителем которой являлся основатель компании Netscape Марк Андриессен, разработала первый браузер, имеющий полноценный графический интерфейс и позволяющий работать с мышью, – Mosaic. Это не могло не добавить популярности быстро развивающейся Сети.

Со временем Интернет стал востребован не только учеными: к нему пришли и рядовые пользователи, причем их число неуклонно возрастало. Для многих было очевидно, что HTML, не предполагающий никакой динамики в создаваемых с его помощью документах, достаточно скучен и невзрачен. Это дало толчок развитию технологий CSS, введению поддержки апплетов Java, а после и сценариев (первым языком был JavaScript). Нельзя не отметить, что с образованием и ростом Сети создателей HTML не на шутку взволновала «чистота» своего детища. Существовали небезосновательные опасения, что производители браузеров, которые скоро должны были прийти на рынок, будут «баловать» своих пользователей фирменными нововведениями, которые, естественно, будут поддерживаться только фирменными браузерами. В 1994 году была создана организация, взявшая на себя разработку единых стандартов развития WWW – World Wide Web Consortium (W3C). Эта организация и занялась подготовкой стандартов HTML (начиная с HTML 2.0). Правда, несмотря на наличие W3C, нововведения в HTML начинали поддерживаться производителями браузеров гораздо раньше, чем эта организация их стандартизировала (так, например, обстояло дело с фреймами, с внедрением сценариев в HTML-документы, с объектной моделью документов и т. д.). Развитие языка HTML сегодня практически завершено.

Язык HTML в том виде, в котором он существует сейчас, обладает большим потенциалом представления информации. Причем он рассчитан не только на пользователей персональных компьютеров. Документы HTML можно просматривать на очень большом количестве различных по своим возможностям устройств: от черно-белого экрана мобильного телефона до телетайпа или терминала. Кроме того, в последние версии HTML включен ряд возможностей, облегчающих представление документов неграфическими средствами (например, речевыми синтезаторами), позволяющими пользоваться услугами WWW людям с физическими недостатками.

3. Структура HTML-документов.

HTML состоит из тегов. Теги – это некие метки, для создания навигации ключевые слова которые прямо или косвенно указывают на основные смысловые аспекты статьи или её отдельных блоков (а еще теги это - команды, дескрипторы).

Все теги заключаются в скобки “” и заканчиваются символом “” тег ( возможно, с указанием одного или нескольких дополнительных атрибутов с заданными значениями; строчный и прописной регистр в записи тегов и параметров, как правило, не различается, за исключением отдельных, особо оговариваемых случаев). Действие этой тега в зависимости от его действий либо выполняется однократно в данной позиции текста, либо распространяется на весь последующий текст до «ответного» данному «закрывающего» тега или до появления такого же тега с иными значениями атрибутов. Также есть «закрывающиеся» теги является почти точной копией «открывающего», но его название предваряется символом дробной черты «/» и в нем не требуется указание каких-либо атрибутов в закрытии тега. Такая конструкция из «открывающего» и «закрывающего» тегов называется контейнером, а действие его распространяется на весь текстовый фрагмент, заключенный внутри контейнера

Теги записываются в угловых скобках и могут содержать дополнительные параметры. Большинство тегов располагается в виде ``скобок'' вокруг текста (как теги и вокруг слова ``курсивом'' в приведенном выше примере). Благодаря этому свойству, теги можно подразделить на открывающие и закрывающие. Не у всех тегов существуют соответствующие им закрывающие, такие теги иногда называют ``пустыми''(empty). Общую структуру открывающего тега можно записать так:

Соответствующий закрывающий тег будет иметь вид

</NNNNN>

Теги HTML:

Заглавные теги

<HTML> (соответственно, в конец документа, закрывающего тега </HTML>; никогда не забывайте закрывать скобки!). Заголовок HTML-файла находится в обязательной секции <HEAD>, которая должна находиться в самом начале, то есть сразу после тега <HTML>. Оформляется заголовок с помощью тега <TITLE>.

BACKGROUND - позволяет задать фоновую картинку для документа. Картинка будет размножена (tiled) и покроет всю видимую площадь области отображения окна программы просмотра.

TEXT - задает цвет текста документа. Цвет задается так же как и для параметра BGCOLOR.

LINK - задает цвет для текста и рамок изображений в активных зонах документа, содержащих ссылки (anchors).

VLINK - (Visited LINKs color) задает цвет для ранее выбранных ссылок.

ALINK - (Active LINKs color) задает цвет для ссылок в момент выбора.

Форматирующие теги

Для того чтобы вставить ``насильный'' перевод строки, необходимо воспользоваться тегом . Если вам необходимо сделать так, чтобы в определенном месте текст НЕ МОГ быть разорван, напишите в этом месте тег

Для разбивки текста на параграфы используется тег <Pпараметры>ТЕКСТ Тег имеет один параметр ALIGN, указывающий на способ выравнивания текста внутри параграфа: текст может быть выровнен по правому (RIGHT), левому (LEFT) краям или отцентрирован (CENTER). Если параметр опущен, текст выравнивается по левому краю.

Чтобы отцентрировать параграф можно также пользоваться тегом

Еще одним способом разделения текста на части можно назвать горизонтальную линию. Линия является элементом языка HTML и вставляется в текст посредством тега<HRпараметры>,где параметры могут быть следующими:

Горизонтальная линия - очень часто используемый элемент. Во-первых, потому что с его помощью очень удобно делить страницу на части.

Во-вторых, потому что выбор подобных элементов оформления у автора страницы очень небольшой. Этот элемент не имеет конечного тега, но допускает ряд атрибутов для выравнивания влево, по центру, вправо, по ширине:

align = “left”

align = “center”

align = “right”

align = “justify”

Можно задать толщину линии:

Size = толщина в пикселях

Можно управлять длиной линии:

width = длина в пикселях

width = длина в процентах

Можно выбрать цвет:

color = “цвет”

<A></a>

HTML-документ может быть очень большим, и в этом случае нужно иметь возможность быстрого перемещения к нужному разделу документа. Для этого можно использовать механизм гиперссылок. Необходимо также в нужных местах текста расставить соответствующие метки. Шаблон для создания меток таков:

<A name = “>Произвольный текст</a>

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

Переход к <A href = “#метка”>метке</a>

Несколько подобных строк могут образовать своеобразное оглавление Web-страницы, которое можно разместить в начале и в конце документа.

Списки

Списки в HTML бывают трех типов: ненумерованные, нумерованные и так называемые списки терминов. Ненумерованный список оформляется с помощью блока