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

На фото ниже созданы и запущены все три варианта работы с нумерованными списками:

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

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

3.3. Работы с медиа ресурсами

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

GIF – файл, который может содержать анимацию;

JPEG – фото-файл, при сжатии которого естественна потеря качества;

PNG – более современный формат фото-файла, при сжатии которого потеря качества картинки практически минимальна.

Для добавления изображения используются специальный тег «<img>». Графический тег работает без закрывающегося. Внутри самого тега «<img>» задаются необходимые параметры для добавления и установки параметров для него, точнее то, как будет видеть пользователь медиа ресурс.

На примере работы данного вида тега, выведем в нашей web странице описание университета Синергия и добавим официальный логотип.

Ниже будет представлены две фотографии. Первая из текстового редактора, а вторая уже из web браузера:

Как мы видим, в предложенном варианте в текстовом редакторе используется тег для работы с изображениями «img» и дополнительным параметром «src» добавили путь самого изображения. В данном случае, картинка взята с официального сайта университета Синергии.

По стандарту языка разметки HTML в параметрах тега «img» требуется обязательно добавлять ширину и высоту изображения в пикселях. Это действие позволит web браузеру отформатировать web страницу на стадии загрузки. В противном случае, при каждой загрузке web страницы фото элементы будут всегда на разных местах и будут загружены в свои реальные размеры.

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

С появлением последней версии языка разметки HTML5 появились новые теги для работы с изображениями, и со своими параметрами. Web браузер Internet Explorer пятую версию и последнюю версию языка разметки не поддерживает.

3.4. Работа с ссылками

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

Ссылки в html документ добавляют с помощью тега «a». Но для полноценной работы данного тега, обязательно нужно указывать параметр тега «href» с указанием адреса web ресурса, который будет загружен при нажатии. Между открывающимся и закрывающимся тегами «a» можно написать или текст, или даже установить картинку, при нажатии на которую пользователь перейдёт на ресурс по ссылке.

На примере ниже, создадим ссылку на официальный сайт университета Синергии:

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

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

Заключение

Для создания своего личного web сайта существует огромное количество специальных программ, но для лучшего понимания работы html, следует изучить структуру его составления, поработать с его тегами и параметрами, овладеть навыком создания html документа с нуля.

Благодаря постоянному развитию web технологий, в том числе и языка разметки html, практически каждый пользователь сети Интернет имеет возможность самостоятельно проектировать и создавать свои собственные web страницы, ресурсы и порталы.

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

Создавать или редактировать html документ возможно в любом текстовом редакторе. Более продвинутые пользователи используют для этих целей специальные среды для разработки.

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

Во времена, когда только всемирная паутина начинала создаваться учёными, для обмена полезной информацией, все доступные ресурсы, или web документы, имели в себе только текст, что позволяло быстро загружать требуемый ресурс. Данного текстового формата хватало, чтобы передавать суть и мысли своих работ. С дальнейшим развитием и улучшением HTML в нём стали появляться новые функции и новые теги для работы и фото и видео форматом.

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

Сам по себе чистый язык разметки HTML является статичным документом, то есть, если пользователь запросит web сайт, то по сути он загрузит к себе на компьютер этот html документ, который после полной загрузки невозможно будет помять или изменить его элементы. Исправить этот недочёт возможно с помощью использования уже дополнительного языка JavaScript.

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

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

Язык программирования HTML, со своими плюсами и минусами, сегодня является полноценный лидером по использованию своих стандартов и технологий при создании web сайтов и web ресурсов и будет таковым ещё долгое время.

Будущее сети выглядит очень многообещающим и без сомнений HTML, в своей последней версии, идёт во главе современных сетевых технологий^[3].