Язык HTML. История развития, возможности

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ

ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ

«МОРДОВСКИЙ ГОСУДАРСТВЕННЫЙ

ПЕДАГОГИЧЕСКИЙ УНИВЕРСИТЕТ

ИМЕНИ М. Е. ЕВСЕВЬЕВА»

Факультет физико – математический

Кафедра информатики и вычислительной техники

РЕФЕРАТ

Язык HTML. История развития, возможности

Автор работы________________________________________ А. А. Кирсанова

Направления подготовки 44.03.05 Педагогическое образование

Профиль Математика. Информатика

Руководитель работы: канд. физико – матем. наук, доцент___________________________________________ Т. В. Кормилицына

Оценка __________

Саранск 2021

Содержание

Введение 3

1 История развития HTML 4

2 Основы языка HTML 8

2.1 Синтаксис HTML-тегов 8

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

3.1 Раздел HEAD 10

3.2 Раздел BODY 11

3.3 Коды HTML символов 12

4 Форматирование текста 16

4.1 Форматирование символов 16

4.2 Форматирование абзацев 16

5 Размещение рисунков 19

6 Возможности языка HTML 20

Список источников 22

Введение

Интернет представляет собой всемирную сеть, объединяющую компьютерные сети по всему миру на базе единых стандартных соглашений (протоколов) о способах обмена информацией и единой системой адресации.

К настоящему времени сеть Интернет получила беспрецедентное распространение. По оценкам экспертов Интернет объединяет более 100 миллионов компьютеров. Услугами Интернет пользуется свыше 300 миллионов человек в 170 странах мира.

С функциональной точки зрения Интернет представляет собой:

– недорогое быстродействующее средство общения между абонентами;

– не имеющее аналогов хранилище информации;

– новую перспективную среду для деятельности.

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

Самым распространенным и востребованным сегодня является такой сервис Интернет, как WWW (WorldWideWeb − всемирная паутина). Информация в WWW представлена в виде так называемых гипертекстовых (или, более широко, гипермедийных) документов, которые могут содержать отформатированный текст, графику, аудио- и видеофрагменты. Основной особенностью гипертекстовых документов является наличие активных зон, чувствительных к щелчку мыши. Активными могут быть фрагменты текста, целые изображения и их части; щелчок по активной зоне вызывает загрузку связанного с этой зоной (целевого) документа.

Чтобы научиться размещать материалы в Интернет, прежде всего необходимо познакомиться с языком разметки гипертекста HTML (Hyper Text Markup Language).

1 История развития HTML

В 1989 году Тим Бернерс-Ли предложил руководству Европейского Центра ядерных исследований (CERN) проект распределенной гипертекстовой системы, которую он назвал World Wide Web (WWW), Всемирная паутина. Первоначально идея системы состояла в том, чтобы при помощи гипертекстовой навигационной системы объединить все множество информационных ресурсов CERN в единую информационную систему. Технология оказалась настолько удачной, что дала толчок к развитию одной из самых популярных в мире глобальных информационных систем. Практически в сознании большинства пользователей глобальной компьютерной сети Internet сама эта сеть ассоциируется с тремя основными информационными технологиями:

• электронная почта (e-mail);

• файловые архивы FTP;

• World Wide Web.

Причем последняя технология постепенно перемещается на первое место.

Успех технологии World Wide Web определен двумя основными факторами: простотой и использованием протоколов межсетевого обмена семейства TCP/IP (Transmission Control Protocol, протокол управления передачей/Internet Protocol, протокол Internet), которые являются основой Internet.

Практически все пользователи Сети одновременно получили возможность попробовать себя в качестве создателей и читателей информационных материалов, опубликованных во Всемирной паутине. Но и популярность самого Internet во многом вызвана появлением World Wide Web, так как это первая сетевая технология, которая предоставила пользователю простой современный интерфейс для доступа к разнообразным сетевым ресурсам. Простота и удобство применения привели к росту числа пользователей WWW и привлекли внимание коммерческих структур. Далее процесс роста числа пользователей стал лавинообразным, и так продолжается до сих пор.

При этом сама технология на начальном этапе была чрезвычайно проста. Дело в том, что при разработке различных компонентов технологии ( языка гипертекстовой разметки   HTML (HyperText Markup Language, язык разметки гипертекста ), протокола обмена гипертекстовой информацией HTTP, спецификации разработки прикладного программного обеспечения CGI и др.) предполагалось, что квалификация авторов информационных ресурсов и их оснащенность средствами вычислительной техники будут минимальными.

Одним из компонентов технологии создания распределенной гипертекстовой системы World Wide Web стал язык гипертекстовой разметки   HTML, разработанный Тимом Бернерсом-Ли на основе стандарта языка разметки печатных документов – SGML (Standard Generalised Markup Language, стандартный обобщенный язык разметки ). Дэниел В. Конноли написал для него Document Type Definition – формальное описание синтаксиса HTML в терминах SGML.

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

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

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

Первая задача была решена за счет выбора теговой модели описания документа. Такая модель широко применяется в системах подготовки документов для печати. Примером такой системы может служить хорошо известный язык разметки научных документов TeX, который был создан Дональдом Кнутом и предложен Американским математическим обществом, и программы его интерпретации.

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

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

• такой файл можно создать в любом текстовом редакторе на любой аппаратной платформе в среде какой угодно операционной системы;

• к моменту разработки HTML существовал американский стандарт для разработки сетевых информационных систем – Z39.50, в котором в качестве единицы хранения указывался простой текстовый файл в кодировке LATIN1, что соответствует US ASCII.

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

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

Первая версия языка ( HTML 1.0 ) была направлена на представление языка как такового, где описание его возможностей носило скорее рекомендательный характер. Вторая версия языка ( HTML 2.0 ) фиксировала практику использования его конструкций. Версия ++ ( HTML++ ) представляла новые возможности, расширяя набор тегов   HTML в сторону отображения научной информации и таблиц, а также улучшения стиля компоновки изображений и текста. Версия 3.2 смогла упорядочить все нововведения и согласовать их с существующей практикой. HTML 3.2 позволяет реализовать использование таблиц, выполнение кодов языка Java, обтекание графики текстом, а также отображение верхних и нижних индексов.

Сейчас World Wide Web Consortium (W3C) – международная организация, которая занимается подготовкой и распространением документации на описание новых версий HTML – уже опубликовала материалы спецификации HTML 4.01. Кроме возможностей разметки текста, включения мультимедиа и формирования гипертекстовых связей, уже существовавших в предыдущих версиях HTML, в версию 4.01 включены дополнительные средства работы с мультимедиа, языки программирования, таблицы стилей, упрощенные средства печати изображений и документов. Для управления сценариями просмотра страниц Website (гипертекстовой базы данных, выполненной в технологии World Wide Web ) можно использовать языки программирования этих сценариев, например, JavaScript, Java и VBScript.

Усложнение HTML и появление языков программирования привело к тому, что разработка Web-узлов стала делом высокопрофессиональным, требующим специализации по направлениям деятельности и постоянного изучения новых Web-технологий. Но возможности Internet позволяют пользователям, владеющим основами HTML, создавать и размещать собственные Web-узлы без больших затрат. Именно на таких пользователей и рассчитан предлагаемый курс.

2 Основы языка HTML

Язык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тегами (от английского tag). Встречающиеся в тексте документа HTML-теги интерпретируются браузером при отображении документа.

Просмотр HTML-документов осуществляется с помощью программ-браузеров (от английского browser), которые отображают документ в соответствии с HTML-разметкой и обеспечивают навигацию по гиперссылкам. Наиболее распространенными являются браузеры Microsoft Internet Explorer фирмы Microsoft Corporation и Netscape Navigator фирмы Netscape Communications Corporation.

Поскольку HTML-документ представляет собой текстовый файл, его можно подготовить в простейшем текстовом редакторе, например, в блокноте (Notepad), но это очень трудоемко. Чаще используют специализированные редакторы, предназначенные именно для подготовки HTML-документов, которые позволяют вставлять теги с помощью кнопок панелей инструментов либо команд меню, и задавать атрибуты тегов в диалоговых окнах, например, Macromedia Dreamweaver, Microsoft Front Page, Home Site и др.

HTML-документ может быть получен преобразованием в HTML-формат, например, из формата документов пакета Microsoft Office. Надо отметить, что при таком преобразовании исходный текст HTML-документа получается крайне избыточным и нуждается в коррекции. Значительно эффективнее пользоваться специальными HTML – редакторами.

2.1 Синтаксис HTML-тегов

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

Теги условно можно разделить на две группы:

– парные теги (называемые также контейнерами) имеют два компонента: открывающий (начальный) и закрывающий (конечный); закрывающий компонент имеет то же название, но при записи перед названием ставится косая черта (символ /). Между открывающим и закрывающим компонентами может располагаться текст документа и другие теги. Фрагмент документа, расположенный между открывающим и закрывающим элементом тега-контейнера форматируется браузером согласно смыслу тега. Например, текст, расположенный между тегами и, будет выведен полужирным начертанием (название тега – от английского bold). Парные теги могут быть вложены друг в друга, но не должны пересекаться.

– непарные теги (называемые также автономными) не имеют конечного компонента. При их интерпретации в отображаемый документ вставляется тот или иной объект. Например, тег , встречающийся в тексте HTML-документа, вызывает вставку графического изображения из файла pict. gif.

Атрибуты в списке отделяются друг от друга одним или несколькими пробелами, либо символами табуляции, либо символами перевода строки; последовательность записи атрибутов несущественна. Подавляющее большинство атрибутов употребляются в виде пары название атрибута = значение атрибута. В случае, когда значение атрибута представляет собой более чем одно слово либо одно число, его следует заключить в одинарные или двойные кавычки. В закрывающих компонентах тегов атрибуты не указываются.

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

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

HTML-код простейшего документа, пригодного для размещений в Интернет, выглядит так:

Наша первая страничка TITLE

Данный код может быть набран в текстовом редакторе Блокнот и сохранен как файл с расширением. htm или Html − в этом случай документ откроется в браузере, установленном на вашем компьютере по умолчанию. Браузер отобразит этот документ, выведя в своем окне строку «Самый простой HTML-документ», расположенную в секции тела документа. Фраза «Наша первая страничка» будет отображаться в строке заголовка браузера.

3.1 Раздел HEAD

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

Таблица 1

Раздел HEAD

Тег	Назначение
…	Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.
BASE	Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тэга. Обязательно присутствие хотя бы одного из аргументов: HREF – определяет базовый адрес (URL) текущего документа. TARGET – определяет имя фрейма, которое будет использоваться в гиперссылках по умолчанию. Это может вам пригодиться, если вы хотите открывать все ссылки документа в другом фрейме.
	Используется для вставки в документ каскадных таблиц стилей (CSS − Cascade Style Sheet). TYPE − обязательный атрибут, значением которого, как правило, является «text/css».
	Элемент МЕТА используется для технического описания документа. С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов. Элемент не имеет конечного тега. NAME – определяет имя мета-записи. Существует множество предопределенных имен, некоторые из которых вы можете увидеть в указанном ниже примере. CONTENT – присваивает значение мета-записи, определенной в параметре NAME.

3.2 Раздел BODY

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

Таблица 2

Атрибуты раздела BODY

Синтаксис атрибута	Назначение
MARGINHEIGHT=число	Определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Netscape
TOPMARGIN= число	Определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer
MARGINWIDTH= число	Определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Netscape
LEFTMARGIN= число	Определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Internet Explorer
BACKGROUND= URL	Определяет изображение для «заливки» фона (фонового рисунка). Значение задается в абсолютного или относительного адреса изображения (см. раздел Размещение рисунков)
BGCOLOR=цвет	Определяет цвет фона документа. MicrosoftInternetExplorerподдерживает 16 стандартных имен цветов (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white) Другим способом является использование кода цвета в виде шестиразрядного шестнадцатеричного числа, задающее интенсивность красной (первые две цифры), зеленой (следующие две цифры) и синей (последние две цифры) составляющей. Интенсивность каждой составляющей в шестнадцатеричной форме изменяется от 00 до FF. При задании цвета в качестве значения атрибута некоторого тега перед шестнадцатеричным числом ставится символ #. Например, запись COLOR=«#0000FF» означает синий цвет Несмотря на принципиальную возможность задать миллионы цветов, надо учитывать, что браузеры отображают лишь 256 цветов, причем у каждого браузера своя цветовая палитра. В этой палитре браузер подберет цвет, наиболее близкий к заданному
TEXT=цвет	Определяет цвет текста в документе
LINK=цвет	Определяет цвет гиперссылок в документе
ALINK=цвет	Определяет цвет подсветки гиперссылок в момент нажатия
VLINK	Определяет цвет гиперссылок на уже просмотренные документы

3.3 Коды HTML символов

Для специальных символов в HTML-стандартах предусмотрен особый способ кодирования (с помощью escape-последовательностей или символьных объектов), который позволяет применять эти символы в необходимых позициях документа, не нарушая его структуры (это касается, например, символов и &). Условное обозначение спецсимвола (escape-последовательность) начинается символом &, включает собственно имя спецсимвола и завершается точкой с запятой (например, « у условное обозначение для кавычки). Кроме того, вместо имени символа можно воспользоваться соответствующим ASCII-кодом (например, " у для кавычки).

Следует отметить, что разными броузерами коды и имена специальных символов (escape-последовательности) могут интерпретироваться несколько различным образом. На вид отображаемых символов также влияет выбранный для отображения шрифт и таблица символов (кодировка).

Таблица 3

Символы (кодировка)

Название	Символ	ASCII	Имя
Табулятор
Перевод строки
Возврат каретки
Пробел
Восклицательный знак	!	!
Кавычка	«	"	"
Знак решетка	#	#
Доллар	$	$
Процент	%	%
Амперсанд	&	&	&
Апостроф	'	'
Скобка левая круглая	(	(
Скобка правая круглая	)	)
Звездочка	*	*
Плюс	+	+
Запятая	,	,
Минус	-	-
Точка	.	.
Косой штрих	/	/
Цифры	0-9	0 -9
Двоеточие	:	:
Точка с запятой	;	;
Меньше		<
Равно	=	=
Больше		>
Знак вопроса	?	?
Знак обезьянка	@	@
Прописные буквы	A-Z	A -Z
Скобка квадратная левая	[	[
Косой штрих с наклоном вправо	\	\
Скобка квадратная правая	]	]
Степень	^	^
Знак подчеркивания	_	_
Ударение	‘	`
Строчные буквы	a-z	a -z
Фигурная скобка левая	{	{
Вертикальный штрих	|	|
Фигурная скобка правая	}	}
Тильда	~	~
Запятая	‚	‚
Флорин	ƒ	ƒ
Кавычка нижняя правая	&; #132;	„
Многоточие	…	…
Крест	†	†
Двойной крест	‡	‡
Крышка	ˆ	ˆ
Промилле	‰	‰
Параграф	Š	Š
Символ меньше		‹
Большое ОЕ	Œ	Œ
Одинарная кавычка слева	‘	‘
Одинарная кавычка справа	’	’
Кавычка слева	“	“
Кавычка справа	”	”
Крупная точка	•	•
Короткий дефис	-	–
Длинный дефис	-	—
Тильда	˜	˜
Торговый знак	™	™	®
	š	š
Символ больше		›
Маленькое ое	œ	œ
Большой Y-умлаут	Ÿ	Ÿ
Неразрывный пробел
Перевернутый восклицательный знак	¡	¡	&ixcl;
Цент	¢	¢	¢
Фунт	£	£	£
Валюта	¤	¤	¤
Иена	¥	¥	¥
Прерванный штрих	¦	¦	¦
Параграф/Раздел	§	§	§
Точки умлаута	¨	¨	¨
Копирайт	©	©	©
Порядковое числительное женского рода	ª	ª	ª
Французская кавычка слева	«	«	«
Не/Нет	¬	¬	¬
Разрыв в месте переноса	-	­	­
Зарегистрированный торговый знак	®	®	®
Надчеркивание	¯	¯	¯
Градус	°	°	°
Плюс-минус	±	±	±
Вторая степень	²	²	²
Третья степень	³	³	³
Маленькое а с ударением	´	´	&acuate;
Мю	µ	µ	µ
Параграф	¶	¶	¶
Средняя точка	·	·	·
Цедиль	¸	¸	¸
Первая степень	¹	¹	¹
Порядковое числительное мужского рода	º	º	º
Французская кавычка справа	«	»	»
Дробь ¼	¼	¼	¼
Дробь ½	½	½	½
Дробь ¾	¾	¾	¾
Перевернутый вопросительный знак	¿	¿	¿
Большая А с ударением	À	À	À
Большая А с ударением	Á	Á	Á
Большая А с крышкой	Â	Â	Â
Большая А с тильдой	Ã	Ã	Ã
Большая А-умлаут	Ä	Ä	Ä
Большая А с кружком	Å	Å	Å
Большое АЕ	Æ	Æ	Æ
Большая С цедил	Ç	Ç	Ç
Большая Е с ударением	È	È	È
Большая Е с ударением	É	É	É
Большая Е с крышкой	Ê	Ê	Ê
Большая Е-умлаут	Ë	Ë	Ë
Большая I с ударением	Ì	Ì	Ì
Большая I c крышкой	Î	Î	&Icirс;
Большая I-умлаут	Ï	Ï	Ï

4 Форматирование текста
4.1 Форматирование символов

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

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

Таблица 4

Атрибуты, изменяющие размер, цвет и гарнитуру шрифта

Синтаксис атрибута	Назначение
SIZE = значение	Размер задается либо в форме абсолютного значения (число от 1 до 7), либо относительно размера основного шрифта (в форме +n или -n).
COLOR = цвет	Цвет
FACE = список шрифтов	Гарнитуры для отображения текста; названия перечисляются в порядке предпочтения через запятую, например, FACE=«Verdana, Helvetica, Arial, Sans-Serif» Можно указывать и одну из гарнитур, но следует учитывать, что данный шрифт может быть не установлен на компьютере пользователя, и «экзотические» шрифты отображаться браузером не будут

4.2 Форматирование абзацев

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

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

Тег (от английского paragraph) начинает абзац; новый абзац отделяется от предыдущего двойным межстрочным интервалом. Абзац пустым быть не может, то есть несколько последовательных тегов интерпретируются как один.

Закрывающий компонент не обязателен, так как предыдущий абзац заканчивается там, где начинается новый. Тег имеет необязательный атрибут ALIGN, указывающий на вид выравнивания абзаца, который может принимать значения LEFT, CENTER, RIGHT и JUSTIFY, задающие выравнивание соответственно по левому краю, центру, правому краю и по ширине.

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

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

–

...

– упорядоченный список (от английского ordered list);

–

...

– неупорядоченный список (от английского unordered list);

– ... – список определений (от английского definition list).

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

...

(от английского list item). Элементы списка определений заключается в теги ... (термин) либо … (определение). При выводе текста браузер располагает каждый элемент списка с новой строки, предваряя его номером либо маркером в случае упорядоченного или неупорядоченного списка.

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

5 Размещение рисунков

Изображения, которые демонстрируются браузером при просмотре веб-страницы, хранятся в отдельных файлах формата gif, jpg (jpeg) или png, а в коде страницы делается ссылка на нужный файл.

Рассмотрим подробнее абсолютный и относительный способы адресации файла.

Адресация в абсолютной форме используется при ссылках на ресурсы, находящиеся на других серверах. Универсальный адрес, определяющий местонахождение информационного ресурса, носит название URL (Uniform Resource Locator – унифицированный адрес ресурса). URL состоит из двух частей, разделенных двоеточием. Первая часть указывает на тип сетевого протокола, который зависит от типа ресурса. Например, если ресурс располагается на WWW-сервере, это протокол http. Вторая часть включает в себя имя компьютера (сервера) в доменной системе имен и (если требуется) путевое имя файла. При записи путевого имени названия каталогов разделяются прямой косой чертой (символ /), в именах файлов и каталоговразличаются прописные и строчные буквы, пробелы не допускаются. Вот примеры URL: http: //www. vshu. kirov. ru/site/images/picture1. jpg; http: //195. 21. 123. 13: 8110; ftp: //everything. com/soft/prog. Zip; mailto: Ivanov@hotmail. com

Последний URL, указывающий на протокол mailto и адрес электронной почты, не ссылается ни на какой информационный ресурс; это единственный тип URL, при записи которого не ставятся после двоеточия две косые черты.

Адресация рисунков в абсолютной форме при создании веб-сайта практически не используется.

Адресация в относительной форме используется при ссылках на ресурсы, находящиеся на том же сервере. При записи пути к файлу названия каталогов разделяются прямой косой чертой (символ /), переход по каталогам файловой системы на один уровень вверх обозначается двумя точками (символы ..).

6 Возможности языка HTML

Теперь поговорим про возможности языка HTML и о том, где язык HTML используется. Обратите внимание: сейчас мы будем рассматривать базовые возможности HTML 4.01, чтобы не усложнять первое знакомство с HTML. Так же заметим, что рассматривать возможности HTML 5 стоит только после того, как вы изучили базовые возможности, так будет гораздо проще и понятнее.

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

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

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

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

Список источников

1. Костюк, А. И. Информационные технологии. HTML и XHTML : учебное пособие / А. И. Костюк, С. М. Гушанский, М. Ю. Поленов, Б. В. Катаев ; Южный федеральный университет, Инженерно-технологическая академия. – Таганрог : Южный федеральный университет, 2015. – 131 с. : ил. – Режим доступа: по подписке. – URL: https://biblioclub.ru/index.php?page=book&id=461923 (дата обращения: 20.05.2021). – Библиогр. в кн. – ISBN 978-5-9275-1329-1. – Текст : электронный.

2. Лыткина, Е. А. Основы языка HTML : учебное пособие / Е. А. Лыткина, А. Г. Глотова ; Северный (Арктический) федеральный университет им. М. В. Ломоносова. – Архангельск : Северный (Арктический) федеральный университет (САФУ), 2014. – 104 с. : табл., ил. – Режим доступа: по подписке. – URL: https://biblioclub.ru/index.php?page=book&id=436328 (дата обращения: 20.05.2021). – Библиогр. в кн. – ISBN 978-5-261-01010-4. – Текст : электронный.

3. Титов, В. А. Разработка WEB-сайта средствами языка HTML : учебное пособие / В. А. Титов, Г. И. Пещеров. – Москва : Институт мировых цивилизаций, 2018. – 184 с. : ил., табл. – Режим доступа: по подписке. – URL: https://biblioclub.ru/index.php?page=book&id=598475 (дата обращения: 20.05.2021). – Библиогр. в кн. – ISBN 978-5-9500469-3-3. – Текст : электронный.

4. Полуэктова, Н. Р.  Разработка веб-приложений : учебное пособие для среднего профессионального образования / Н. Р. Полуэктова. – Москва : Издательство Юрайт, 2021. – 204 с. – (Профессиональное образование). – ISBN 978-5-534-14744-5. – Текст : электронный // ЭБС Юрайт [сайт]. – URL: https://urait.ru/bcode/479863 (дата обращения: 20.05.2021).