Html язык программирования доклад

Язык программирования Html

История языка программирования Html. Создание языка программирования Html для выполнения разметки и оформления документов, размещаемых на веб-страницах. Рассмотрение показателей кросс-браузерности и кросс-платформенности новой версии Html — 4.01.

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

Размещено на http://www.allbest.ru/

История языка программирования HTML

Большая часть современных интернет технологий основана на давно используемом, самом дискутируемом языке HTML. Он был разработан для выполнения разметки и оформления документов, размещаемых на веб-страницах.

Свои первые черты язык начал обретать в 1986 году. Толчком стало принятие Международной организацией по стандартизации (ISO) ISO-8879-стандарта — Standard Generalized Markup Language или, в сокращенном варианте — SGML. К нему прилагалось описание, в котором говорилось о том, что SGML предназначен для структурной разметки текста. Примечательно, что описания внешнего вида документа не предполагалось.

Исходя из этого, можно сделать вывод о том, что SGML не являлся системой для разметки текста и не располагал какого-либо списка структурных элементов языка, используемых в определенных условиях. Язык подразумевал описание синтаксиса написания главных элементов разметки тексты. Спустя некоторое время они получили, хорошо известное сегодня название — «теги».

Вполне очевидной была потребность в создании языка, который:

· Описывал какой элемент в каких случаях разумно применить

· Содержал перечень элементов, с помощью которых можно создать документ, читаемый разными программами

Несмотря на то, что язык SGML, как и его схожие приложения, не получил особого развития, он и не был окончательно забыт. В 1991 году Европейский институт физики частиц объявил о необходимости разработки механизма, позволяющего передавать гипертекстовую информацию через Глобальную сеть. Именно SGML лег в основу будущего языка — Hyper Text Markup Language (HTML).

Около сорока тегов содержал HTML версии 1.2. Описания физического представления документов также не имелось. Как и его прародитель — SGML, он был преимущественно ориентирован на логическую и структурную разметку текста. Впрочем, некий намек на то, как будет физически представлена страница, ряд тегов все же делал.

Разработкой HTML версии 2.0 занялся консорциум W3С. Первый результат удалось получить, спустя год насыщенной работы — в 1995 году. Практически параллельно обсуждались возможности версии 3.0. Если вторую версию нельзя назвать существенно отличающейся от первой, то третья стала безусловным прорывом.

HTML 3.0 включал интересные новинки:

· Разметку математических формул

· Теги для создания страниц

· Вставку рисунков, обтекаемых текстом

Однако, этого было недостаточно, потребность в визуальном оформлении гипертекстовых страниц становилась все более актуальной. Тогда, W3С приступили к созданию самостоятельной системы, при этом не противоречащей основам HTML, но позволяющей описывать визуальное оформление документов.

Результатом стало появление CSS — Cascading Style Sheets, иерархические стилевые спецификации, наделенные уникальным синтаксисом, структурой, задачами.

Существенное расширение тегов произошло с подачи Netscape Communications — корпорации, запустившей первый коммерческий браузер — Netscape Navigator. Нововведения преследовали лишь одну цель — улучшить внешний вид документа, но при этом они совершенно противоречили исконным принципам языка.

HTML версии 3.2 создали в кратчайшие сроки. Он был ориентирован на Microsoft Internet Explorer. До недавнего времени эта версия HTML была единственным стандартом языка при разработке интернет-проектов. Тем не менее, направление развивается очень активно, с помощью HTML удалось придать некую упорядоченность элементам разметки всех браузеров, но возможностей языка становилось недостаточно.

В 2004 году приняли новую версию HTML — 4.01. Он обеспечивает отличные показатели кросс-браузерности и кросс-платформенности.

Почему же сегодня все чаще используется CSS? Потому что HTML, не смотря на свои существенно расширившиеся с момента создания возможности, остается языком логической разметки гипертекста, т.е. не связан с оформлением документа. Современные стандарты интернета подразумевают создание ярких и запоминающихся страниц, поэтому веб-мастера все чаще используют CSS. Можно ли ставить точку в истории HTML? Ответ на этот вопрос будет, скорее положительным, но полностью язык не исчезнет, т.к. он лежит в основе многих других систем.

Обоснование выбора темы для сайта курсовой работы

Тема моего сайта «Природный газ». Выбор этой темы обусловлен тем, что это близко связано с моей специальностью.

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

Ход работы язык программирование html браузерность

Описание основных тегов, которые я использовал в работе:

· — этот тэг отвечает за отображение содержимого на сайте. То есть всё, что вы напишите между этими тэгами будет отображаться на веб-странице

· — это главный тэг, благодаря которому мы начинаем работу и при этом даём понять сайт, что сейчас будем действовать на языке HTML. Совместно с xmlns—указывает пространство имен для XHTML-документов.

· — сюда заносится служебная информация, например название документа, описание и многие другие.

· является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.

· предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег в контейнер . Alt альтернативный текст для изображения.

Описание кода отдельных элементов:

1. Использован отдельный файл описания таблиц стилей CSS style.css, который подсоединяется с помощью тега

В самом файле style.css с помощью селекторов идентификаторов определены свойства для каждого из элементов сайта, например:

float: left;// расположение на странице (слева)

border-right: 1px solid black;// линия границы (видимая)

background: #B3C1E6;// цвет заднего фона

text-align: auto;// расположение текста в блоке

В HTML-файлах привязка частей сайта к идентификаторам осуществляется с помощью тега .

2. Для отображения часов на сайте я использовал специальный код javascript, который задекларирвоан в начале каждой страницы под тегом в виде функции:

var minutes = date.getMinutes();

var seconds = date.getSeconds();

document.getElementById(«digital_watch»).innerHTML = hours + «:» + minutes + «:» + seconds;

Скрипт подключается с помощью дополнительного включения в тег body при загрузке страницы:

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

3. На сайте присутствует верхнее меню, которое инициализируется кодом:

устанавливает маркированный список. Каждый элемент списка должен начинаться с тега
.

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

5. Анимация на сайте была добавлена с помощью тега .

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

6. Основная часть сайта — текст и изображения — были оформлены с помощью тегов — тега абзаца и — тега вставки изображений. Например:

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

var minutes = date.getMinutes();

var seconds = date.getSeconds();

document.getElementById(«digital_watch»).innerHTML = hours + «:» + minutes + «:» + seconds;

Источник