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

Список атрибутов тега PARAM:

1. Name указывается имя параметра.
2. Value указывается значение параметра.
3. Valuetype указывается тип атрибута value (data – в виде строки, ref – в виде URL-адреса файла, object – ссылка на другой объект).
4. Type указывается тип содержимого ресурса, используется только в том случае, если в valuetype указано значение ref.
5. Id – идентификатор элемента в пределах документа.

Для группировки объектов используется тег Figure.

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

1. Контекстные ссылки – ссылки из тела элемента, например, из текста в элементе документа. В заголовках такие ссылки использовать запрещено. Используются для навигации внутри документа или для перенаправления на другой HTML-документ. Используется тег <a> - </a>.
2. Заглавные ссылки используются только в заголовках HTML-документа, их запрещено использовать в теле элементов документа. Используется тег <link> - </link>. Используется для установления взаимных отношений между документами.

Тег <a> - </a> включает обязательные атрибуты:

1. Href – атрибут указывает местоположение целевого Web-ресурса, т.е. в нем задается URL ресурса.

Тег использует стандартные необязательные атрибуты, а также:

1. Hreflang – атрибут, указывающий базовый язык ресурса, используется только месте с href.
2. Rel – атрибут описывает отношение документа к ресурсу.
3. Rev – атрибут описывает отношение ресурса к документу, т.е. что происходит при переходе по кнопке «назад».
4. Shape – атрибут указывает форму активной области на серверной навигационной карте.
5. Coords – атрибут указывает форму активной области на клиентской навигационной карте.
6. Accesskey – в данном атрибуте указываются значения горячих клавиш, которыми можно воспользоваться для перехода по ссылке.
7. Download – атрибут предлагает скачать документ, указанный в ссылке.

По умолчанию ссылки отображаются синим цветом, но допускается изменение стиля ссылок.

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

---

Чтобы использовать фрейм вместо тега BODY используется тег <frameset> - </frameset> с тегами <frame> - </frame> внутри него, используемыми для обозначения документов, входящих в фрейм.

3.1 Дополнительные возможности HTML

В данной главе хотелось бы привести краткий обзор интересных возможностей HTML.

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

HTML поддерживает обработку так называемых форм. Это привычные анкеты, бланки и формы, содержащие текст и кнопки, чекбоксы, ориентированные на «общение» с пользователем. Формы могут включать и поля для ввода информации, и всплывающие меню, карты. Для задания формы используется тег <form> - </form>. Тег содержит как стандартные необязательные атрибуты, рассмотренные ранее, так и обязательные атрибуты:

1. Атрибут action задает URL-адрес приложения, которое должно получить и обработать данные формы.
2. Атрибут method устанавливает метод передачи данных между клиентом и сервером.

Дополнительные атрибуты:

1. Атрибут enctype задает кодирование данных, во избежание нарушения целостности или доступности данных формы (пользователи, заполняющие формы могут предоставлять личные данные, которым необходимо предоставить защиту). Рассматривать кодировки в данном проекте не будем.
2. Атрибут accept-charset задает список наборов символов, которые должен поддерживать сервер, чтобы корректно интерпретировать данные из формы.

Получение данных из форм можно реализовать при помощи электронной почты. Это необходимо в случае, если сервер отказывается обрабатывать форму (вследствие особых настроек по правилам безопасности используемых серверов). Для этого в атрибуте action указывается значение mailto-URL. Таким образом, все данные заполненной формы будут отправлены на указанный URL, обходя обработку сервером.

---

3.2 Пара слов о CSS

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

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

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

Внедрение таблицы стилей (задание таблицы в заголовке HTML-документа) происходит с помощью тега <style> - </style> с установленным значением “text/css”. Пример использования:

<!Doctype HTML>

<HTML>

<head>

<title> Заголовок </title>

<style type =”text/css”>

…..список CSS-правил…..

…..список CSS-правил…..

</style>

</head>

<body>

Текст документа

</body>

</HTML>

Присоединение таблицы стилей (когда таблица находится о внешнем файле) осуществляется через тег LINK:

<head>

<title> Заголовок </title>

<link rel =”stylesheet” type =”text/css” href =”file.css”>

</head>

Также таблицу можно импортировать из внешнего файла на сервере с помощью свойства CSS @import:

<style type =”text/css”>

@import URL (www.servername/file.css)

</style>

Обратите внимание, URL к файлу на сервере указывается без скобок.

Заключение

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

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

---

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

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

1. https://ru.wikipedia.org/
2. https://www.w3.org/
3. https://developer.mozilla.org/ru/docs/Web/Guide/CSS/Getting_started/What_is_CSS
4. https://semantica.in/blog/css.html
5. Кириченко А.В., Хрусталев А.А. HTML5 + CSS3. Основы современного WEB – дизайна. – СПб.: Наука и техника, 2018. – 352 с.
6. Чак М. Билл К. HTML и XHTML Подробное руководство, 6-е издание. – СПБ.: Символ – плюс, 2016. – 745 с.
7. http://html-exp.narod.ru/base.htm
8. https://html5book.ru/osnovy-html/
9. Муссиано Ч., Кеннеди Б. HTML и XHTML. Подробное руководство, 6-е издание. – Пер. с англ. – СПб: Символ-Плюс, 2008. – 752 с., ил.
10. http://citforum.ru/internet/html40/intro/sgmltut.html
11. https://www.youtube.com/watch?v=ZAA9VXqr0B4
12. https://developer.mozilla.org/ru/docs/Learn/Getting_started_with_the_web/HTML_basics
13. https://html5book.ru/hyperlinks-in-html/
14. http://htmlbook.ru/samhtml/freymy/sozdanie-freymov
15. ГОСТ Р 7.0.5 – 2008 «Библиографическая ссылка».

1. HTML - HyperText Markup Language. стандартизированный язык разметки документов (гипертекста) во Всемирной паутине [1]. ↑

2. WWW - World Wide Web. распределённая система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключённых к сети Интернет [1]. ↑

3. CERN - Европейская организация по ядерным исследованиям, крупнейшая в мире лаборатория физики высоких энергий.[1] ↑

4. GIF - Graphics Interchange Format. Формат для обмена изображениями популярный растровый формат графических изображений [1]. ↑

5. W3C - World Wide Web Consortium. Организация, разрабатывающая и внедряющая технологические стандарты для Всемирной паутины [1] ↑

6. CSS - Cascading Style Sheets. Формальный язык описания внешнего вида документа, написанного с использованием языка разметки [1]. ↑

7. URL - Uniform Resource Locator. Система унифицированных адресов электронных ресурсов, или единообразный определитель местонахождения ресурса [1]. ↑

---