Смысловой модуль 2. Создание сайтов интернет-магазинов с помощью языка разметки гипертекста html Тема 6. Язык разметки гипертекста html
6.1. Структура html - документа
Язык HTML (Hypertext Markup Language – язык разметки гипертекста) является стандартным языком для создания гипертекстовых документов в среде WWW. HTML - документы могут пересматриваться web - браузерами разных типов.
Разработчиком языка HTML считается выпускник Оксфордского университета, бакалавр с физики, сотрудник Европейского центра ядерных исследований Тим Бернерс-Ли, который предложил механизм гиперссылок. Язык HTML возник на базе языка SGML (Standard Generalized Markup Language – стандартный обобщенный язык разметки). Язык HTML постоянно развивается. Роль управляющего органа по стандартизации World Wide Web и, в частности, по разработке стандартов языка HTML выполняет международный консорциум W3C (World Wide Web Consortium).
HTML- документ – это обычный документ в формате ASCII. В основе языка лежат специальные дискрипторы – теги, которые определяют правила форматирования данных.
Код документа на
языке HTML – это обычный текстовый файл,
который можно написать, например, в
программе Блокнот, который входить в
группу стандартных программ Windows. Файл
созданный в программе Блокнот нужно
сохранить с расширением .htm (или .html).
Такой файл характеризуется символом
или символом другого установленного
по умолчанию браузера и раскрывается
в программе Windows Internet Explorer или в другом
установленном браузере. Для дальнейшего
редактирования можно растворить документ
в формате HTML с помощью команды Страница
– Просмотр Html-Кода (или Вид - Просмотр
Html-Кода) в программе Internet Explorer. Главный
файл сайта (Home Page) по обыкновению имеет
имя index.htm
Тег – это специальный управляющий код, который записывается в угловых скобках < >. Существуют открывающие и закрывающие теги. В закрывающих тегах перед именем тега ставиться / slash. Регистр ввода символов неважен. Пару тегов - открывающие и закрывающие принято называть контейнером. Тег определяет место действия тега на странице, по обыкновению не содержит информации о параметрах форматирования объектов. Главные информационную нагрузку несут атрибуты тега, с помощью которых именно определяются параметры форматирования. Атрибут – это набор символов, которому ставиться в соответствие определенное английское слово – значения атрибута. Один тег может иметь несколько атрибутов. Контейнер можно представить таким образом:
<ТЕГ атрибут1=«значение» атрибут2=«значение» . . . атрибутn=«значение»> текст на веб – странице </ТЕГ>
Тег HTML сообщает браузеру о том, что документ написан языком HTML, всегда должен быть первым тегом в документе. Контейнер данного тега выглядит так:
<HTML> тело документа </HTML>
HTML – документ имеет такую структуру:
заголовочная часть;
основная часть.
Тег <HEAD> определяет заголовочную часть документа, внутри которой можно, например, повести название документа, которое выводится в заголовке окна программы. Для определения надписи в заголовке окна браузера используется контейнер <TITLE>.
Тег <BODY> определяет основную часть документа, тело документа находится внутри контейнера <BODY>.
Таким образом документ имеет структуру:
<HTML>
<HEAD>
Заголовок документа
</HEAD>
<BODY>
Тело документа
</BODY>
</HTML>
Атрибуты тега <BODY>:
Атрибут BGCOLOR определяет цвет фона документа с помощью шестнадцатеричных значений интенсивности цветной модели или строчного литерала, который отвечает названию цвета.
Для определения цвета используется цветная модель RGB. Любой цвет образовывается в результате смешивания базовых цветов – красного, зеленого и синего. Каждая составная цвету определяется как число в диапазоне от 0 до 255 в шестнадцатеричной системе (числа от 0 до 9 и дальше буквы A, B, C, D, E, F). Числу 255 отвечает число FF в шестнадцатеричной системе. Определение цвета происходит по помощи шестизначного значения – по два значения на каждую составляющую (красный, зеленый, синий). Таким образом, красному цвету отвечает число FF0000, зеленому - 00FF00, синему - 0000FF. При определении цвета можно использовать цифровой код, перед которым ставиться символ числа #, или символьные метки, которые отвечают наиболее распространенным цветам (существует 140 меток). Некоторые обозначения цветов приведены в таблице.
Атрибут TEXT задает цвет по умолчанию для текста, что не является гиперссылкой.
Атрибут LINK определяет цвет гиперссылки.
Атрибут ALINK определяет цвет активной гиперссылки.
Атрибут VLINK определяет цвет гиперссылки, котрая уже использовалось.
Атрибут TOPMARGIN задает отступления от верхней границы страницы в пикселях.
Атрибут BOTTOMMARGIN задает отступления от нижней границы страницы в пикселях.
Атрибут LEFTMARGIN задает отступления от левой границы страницы в пикселях.
Атрибут RIGHTMARGIN задает отступления от правой границы страницы в пикселях.
Таблица 6.1 – Основные цвета языка HTML
Цвет |
Символьная метка |
Цифровой код |
Белый |
White |
#FFFFFF |
Черный |
Black |
#000000 |
Серый |
Gray |
#808080 |
Светло-серый |
Silver |
#C0C0C0 |
Красный |
Red |
#FF0000 |
Темно-бордовый |
Maroon |
#800000 |
Пурпурно- фиолетовый |
Purple |
#800080 |
Розовый |
Fuchsia |
#FF00FF |
Желтый |
Yellow |
#FFFF00 |
Зеленый |
Green |
#008000 |
Светло-зеленый |
Lime |
#00FF00 |
Оливковый |
Olive |
#808000 |
Синий |
Blue |
#0000FF |
Темно-синий |
Navy |
#000080 |
Голубой |
Aqua |
#00FFFF |
Пример страницы:
Рисунок 6.1 - HTML – документ в окне браузера ІЕ