Информационные

технологии

Карпук Анатолий Алексеевич, доцент кафедры ДО

e-mail: А_Кarpuk@mail.ru

1

Раздел 9

Основы Web- конструирования

2

174. Определение HTML.

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

HTML – это язык разметки гипертекста, который используется для создания так называемых веб-документов. Аббревиатура HTML означает Hyper Text Markup Language. Дословный перевод этих слов -

Язык Разметки Гипертекста.

Гипертекст - это некоторый текст, который содержит ссылку на другой текст. В Web-конструировании эти ссылки являются ссылками на другие Web-документы.

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

Язык HTML не является единственным языком разметки. Существуют также другие языки разметки, например XML, XHTML, TeX.

3

175. Определение HTML-документа. Расширение

файла HTML-документа.

HTML-документ – это веб-документ, который был сформирован при помощи языка разметки HTML. По своей сути это текстовый файл, в

котором был использован язык разметки.

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

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

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

Файл, содержащий в себе HTML код, имеет одно из следующих расширений: .htm, .html, .sht, .shtm, .shtml.

4

176. Теги. Их отличительные признаки. Контейнеры.

Разметка HTML-документа состоит в расстановке тегов. Теги – это

символы, заключенные между знаками < (меньше) и > (больше), которые управляют отображением текста, графики, звука и при этом сами не

отображаются на экране монитора.

Теги можно набирать прописными или строчными латинскими буквами, они бывают парные и непарные, открывающими и закрывающими.

Отличительным признаком закрывающего тега является символ / после знака <.

Большинство тегов в HTML-документе парные. Для них обязательно

наличие открывающего и закрывающего тегов. Такие пары тегов

называются контейнерами.

Открывающим тегом описывается команда и начинается ее действие. Закрывающим тегом, который повторяет открывающий, но имеет символ / после знака <, это действие прекращается.

5

177. Определение HTML-элемента.

Элемент HTML – это основная структурная единица веб-страницы, написанной на языке HTML.

HTML-элемент может состоять из парных тегов или одиночного тега.

Синтаксис HTML-элемента, состоящего из парных тегов:

HTML-элемент начинается с открывающего тега и заканчивается закрывающим тегом. Содержимым элемента является все, что

находится между открывающим и закрывающим тегами. Содержимое может быть текстом и/или другим HTML элементом.

Синтаксис HTML-элемента, состоящего из одиночного тега:

178.1. Атрибуты. Правила использования атрибутов.

Атрибуты – это компоненты тега, содержащие указания о том, как браузер должен воспринять и обработать тег.

Атрибуты состоят из пары: имя_атрибута="значение". Имена атрибутов не чувствительны к регистру и могут быть записаны с любым сочетанием строчных и заглавных букв. Значение атрибута может

состоять из текста, цифр и других символов (единственным исключением является символ амперсанда (&), его использование

запрещено). Дополнительные ограничения на использование различных символов в значении атрибута зависят от способа записи значения. При

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

атрибутов не имеет значения.

Атрибуты могут быть пустыми, перечисляемыми, с значением без

кавычек, с значением в одиночных кавычках (апострофах), с значением в двойных кавычках.

7

178.2. Правила использования атрибутов.

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

значение False. Следующие теги с атрибутом равносильны: <input disabled>, <input disabled="">, <input disabled=disabled>.

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

Значение атрибута без кавычек не должно содержать символов пробела, двойных кавычек ("), апострофов (') и других видов кавычек, символов "=", угловых скобок (< и >), не должно быть пустой строкой.

Значение атрибута в одиночных кавычках не должно содержать апострофов ('), но допускается содержание двойных кавычек ("). Значение атрибута в двойных кавычках может содержать любые символы, включая апострофы ('), кроме двойных кавычек (").

8

179. Комментарий в HTML-документе.

Для добавления комментария в исходный код HTML-документа используется тег <!-- -->. Все содержимое, расположенное между символами <!-- и -->, является комментарием и не отображается в окне браузера.

Комментарий может содержать внутри себя другие теги HTML, если на время надо прекратить их работу, кроме тега комментария.

Вложенность комментариев не допускается.

Если комментарий расположен внутри тега <title>, он трактуется как

текст и будет показан в заголовке страницы, т.е. тег <!-- --> внутри тега <title> не работает.

Внутри тега <style> HTML-комментарии тоже не работают.

9

180.1. Логические части HTML-документа.

HTML-документ состоит из следующих частей:

1. Строка декларации версии HTML в виде <!DOCTYPE html>. При наличии этой строки браузер считает, что документ соответствует стандарту HTML5 и выше. При отсутствии строки браузер рассматривает документ в режиме совместимости со старыми версиями.

2. Корневой элемент структуры документа – контейнер <html> … </html>. Внутри могут быть только два дочерних элемента: <head> и

<body>.

3. Метаданные документа – контейнер <head> … </head>. Метаданные дают браузеру различную информацию о документе, из которой

обязательным является текстовый заголовок документа, размещаемый внутри метаданных в контейнере <title> Заголовок документа </title>.

4. Содержимое (тело) документа – контейнер <body> … </body>, в котором отображается все, что отображается в окне браузера и видит пользователь. Такой контейнер в документе только один.

10