Понятие об HTML

Один  из самых полезных для дизайна - атрибут, определяющий фон страницы. Его появление  можно уподобить маленькой революции  в WWW, так как одинаковые серые Web-страницы благодаря ему расцвели яркими цветными узорами:  
background=’’Путь к файлу фона’’  
Более простое оформление фона сводиться к заданию его цвета:  
bgcolor=’’#RRGGBB’’  
Цвет фона задается тремя двухразрядными шестнадцатеричными числами, которые определяют интенсивность красного, зеленого и синего цветов соответственно.  
Оба вышеперечисленных атрибута не являются альтернативными и часто используются совместно.  
Поскольку фон страницы может изменяться, необходимо иметь возможность подбирать соответствующий цвет текста. Для этого имеется следующий атрибут:  
text=’’#RRGGBB’’  
Для задания цвета гиперссылок используется атрибут:  
link=’’RRGGBB’’  
Также можно задать цвет для использованных гиперссылок:  
vlink=’’RRGGBB’’ 

2. Гипертекстовые ссылки

 
Гипертекст, расположенный внутри элемента BODY, может иметь произвольную структуру. Ее определяют в первую очередь назначение Web-страницы и фантазия разработчика.  
HTML-документ может быть очень большим, и в этом случае пользователю должна быть предоставлена возможность быстро перемещаться к нужному разделу страницы. Для этого можно использовать механизм гиперссылок. Необходимо также в нужных местах текста расставить соответствующие метки.  
Элемент для установки базового адреса (URL) для ссылок. Это позволяет опускать их начальную часть. Тогда при указании относительной ссылки можно задать не только имя файла, но и имена папок, в которых он находиться. Иными словами, путь к файлам может быть разбит на две части: абсолютную и относительную. Это полезно в том случае, когда для файлов указанных в документе, есть общий начальный фрагмент пути.  
В выражении абсолютной ссылки можно также опустить указание на схему доступа (file://). В этом случае будут учитываться только левая часть абсолютной ссылки до первого левого символа <\>, то есть имя локального диска.  
Подобно многим другим элементам языка, элемент А требует использование атрибутов. Атрибут гиперссылки таков:  
href=’’URL’’  
или  
href=’’Протокол://Адрес ссылки’’  
Например:  
href=’’http://www.netscape.com’’  
Кодовое слово, стоящее вначале URL7, обозначает так называемую схему доступа. Она определяет тип сервера, доступный при помощи данной ссылки. Для пользователя это представляется как доступ к одной из «разновидностей» Internet. В этом смысле можно сказать, что Internet - это как бы несколько сетей в одной. У каждой из них существуют свои правила доступа, достоинства, недостатки, свои приверженцы и противники. Но все ее клиенты используют одни и те же каналы связи. Похожая ситуация наблюдается и в обычных телефонных сетях. Их можно использовать для связи голосом, передачи факсов, межкомпьютерной связи и т. д.  
Главная особенность web-страниц состоит в том, что любая из них может позволить перейти к другой странице, находящейся на том же компьютере или в Интернет. Выглядит это следующим образом: фрагмент документа (текст, картинка или другой объект) выделяется особым образом; при просмотре страницы можно, щёлкнув мышью по этому фрагменту заставить браузер загрузить другую страницу, адрес которой записывается в тексте HTML-документа. По этой причине содержимое страниц называется гипертекстом.  
Для выделения фрагмента, являющегося ссылкой, используется контейнер (от слова anchor - якорь). Наиболее важный атрибут тега - это HREF, в качестве значения которого записывается адрес страницы, на которую нужно перейти. Ниже приведён пример вставки гиперссылки:  
Щёлкните сюда, чтобы перейти на главную страницу web-сайта ВГПУ  
В качестве адреса в атрибуте HREF записывается либо полный URL сайта или страницы, либо имя файла, содержащего страницу, если она лежит на том же компьютере, что и исходная. Если страница лежит на том же компьютере, в том же каталоге, что и просматриваемая, то в HREF достаточно указать имя файла. Если же она лежит в другом каталоге, то вместо имени протокола пишут "file://", а затем - полный путь к файлу и его имя.  
Примеры:  
HREF="main.html", HREF="file://c:\WebPages\Book\contents.htm".  
Иногда страницы могут оказаться довольно большими, и для поиска нужной информации потребуется много времени. В таких случаях разумно делать ссылки в пределах одного документа. Пусть, например, в формате HTML опубликована целая книга, тогда её содержание можно выполнить в виде ссылок, щёлкнув по нужной ссылке можно быстро перейти к началу интересующей нас главы или части книги.  
Чтобы сделать ссылку в пределах одного документа потребуется два шага:  
1. Отмечаем то место в документе, на которое позже сделаем ссылку (устанавливаем "якорь"). Для этого вставляем в нужное место тег с атрибутом NAME. В качестве значения этого атрибута записываем в кавычках имя для того места, которое мы хотим отметить (лучше латинскими буквами). В дальнейшем браузер по имени будет искать позицию, на которую указывала ссылка. Тег можно поставить сразу за открывающим тегом (контейнер в этом случае будет пустым), а можно поместить перед закрывающим тегом какой-либо фрагмент документа, с ним и будет связано имя, указанное в атрибуте NAME.  
2. При добавлении ссылки на "якорь", установленный в п. 1, в атрибуте HREF в кавычках пишут знак "#", за которым следует имя якоря, например: Глава 1 
7. Использование графики в HTML-документах. 
Для того чтобы способы помещения иллюстраций на web-страницы были более понятны, эта часть была оформлена в html-формате. 

 
3 Создание документов  в стандарте HTML

3.1Заголовки  
Существует шесть уровней заголовков, которые обозначаются Н1...Н6. Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый маленький заголовок. Для заголовков можно использовать атрибут, задающий выравнивание влево, по центру или вправо:  
align=’’left’’  
align=’’center’’  
align=’’right’’  
Заголовок1  
Заголовок 2  
Заголовок 3  
Заголовок 4  
Заголовок 5  
Заголовок 6  
Элемент FONT может с успехом заменять элементы заголовка Н1...Н6. Для последних, например, не предусмотрена возможность указания цвета букв. Чтобы заголовок, созданный на основе элемента FONT, хорошо смотрелся, этот элемент необходимо комбинировать с другими: CENTER, B, I, P и т. д 
 
 
 
 
 

 
3.2.Форматирование текста и изменение стилей

Текст - единственный объект Web-страницы, который  не требует специального определения. Иными словами, произвольные символы  интерпретируются по умолчанию как  текстовые данные. Но для форматирования текста существует большое количество элементов.  
Элемент абзаца (paragraph) - один из самых полезных. Он позволяет использовать только начальный тег, так как следующий элемент Р обозначает конец предыдущего и начало следующего абзаца. Конечный тег удобно использовать в тех случаях, когда по смыслу необходимо обозначить конец абзаца. Вместе с элементом Р можно использовать атрибут выравнивания align.  
Элемент, обеспечивающий принудительный переход на новую строку. Он имеет только стартовый тег. В месте его размещения строка заканчивается, а оставшийся текст печатается с новой строки.  
Этот элемент, по своему действию, является прямой противоположностью предыдущему. Текст, заключенный между его тегами, будет выведен в одну строку. Длинная строка не уместится на экране, и для ее просмотра придется использовать горизонтальную полосу прокрутки.  
Элемент для обозначения текста, отформатированного заранее (preformatted). Подразумевается, что текст будет выведен в том виде, в каком он был подготовлен пользователем. Например, учитываются символы конца строки, появившееся при наборе текста в редакторе. Во всех других случаях браузер игнорирует эти символы. Этот элемент удобно использовать для демонстрации листингов программ или для вывода текстовых документов, переформатирование которых может привести к искажению их смысла.  
Обозначение цитаты. Этот элемент требует наличие конечного тега. Текст не претерпевает никаких изменений, но абзац располагается с отступом. К кавычкам этот элемент тоже не имеет никакого отношения: если в цитате используются кавычки, то они должны быть проставлены явным образом. В настоящее время используют и другое написание этого элемента: BQ.  
Элемент используется для центрирования текста, а точнее, любого содержимого. Не является общеупотребительным.  
Элемент, похожий на предыдущий. Он позволяет выравнивать содержимое по левому краю, по центру или по правому краю. Для этого стартовый тег должен содержать соответствующий атрибут: 
align=’’left’’  
align=’’center’’  
align=’’right’’ 

 
3.3 Фреймы

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

Для того чтобы разбить документ на несколько  прямоугольников, вместо контейнера BODY нам потребуется записать контейнер FRAMESET (набор фреймов). В теге нужно  указать на сколько "строк" и "столбцов" разбивается всё окно браузера. Это  делается с помощью атрибутов ROWS (строки) и COLS (столбцы). Заметим, что  в этих атрибутах недостаточно указать  количество строк и столбцов, требуются  также их размеры, например в процентах от размеров окна. В примере Frames\F1.html это сделано так: (всё окно разбивается на две одинаковые "строки" и на три почти одинаковых столбца).  
Внутри контейнера FRAMESET перечисляются HTML-документы, которые нужно поместить в кадры (слева направо, сверху вниз). Это делается с помощью последовательных тегов . Самый важный атрибут тега - это SRC, значением которого является URL документа, помещаемого в этот фрейм.  
Размеры фреймов в теге можно указывать не только в процентах. Можно также указать из в частях, например (по высоте окно условно разбито на 3 части, первая "строка" кадров занимает две из них, вторая - одну, по ширине имеется 6 условных частей, "столбцы" занимают, соответственно, 2, 1 и 3 части).  
Другой вариант - указание размеров в точках, например: COLS="300,100,400". Возможно и смешанное указание размеров (точки - проценты, точки - части, части - проценты). Можно, например, записать: COLS="200,30%,70%", что означает: первый "столбец" всегда имеет ширину 200 точек, независимо от размеров окна, второй занимает 30% от оставшейся части ширины окна, а третий - 70% от этого остатка.  
Внешний вид фреймов настраивается с помощью атрибутов тегов и . Ниже перечисляются эти атрибуты и объясняется их назначение:  
1. BORDERCOLOR (для и ). Управляет цветом границы одного фрейма или всего набора фреймов. Значением является либо название стандартного цвета, либо числовой код (#RRGGBB).  
2. BORDER (для ). Задаёт ширину всех границ, отделяющих фреймы друг от друга. Значение нужно указывать в точках.  
3. NORESIZE (для ). Этот атрибут не требует значения. Если он присутствует, то пользователь не может перемещать мышью границу соответствующего фрейма.  
4. MARGINHEIGHT и MARGINWIDTH (для ). Позволяют указать (в точках) размеры отступов от горизонтальной (и вертикальной) границы фрейма до содержимого HTML-документа, лежащего внутри этого фрейма.  
5. SCROLLING (для ). Когда документ HTML не помещается целиком в отведённый ему фрейм, для возможности просмотра появляются полосы прокрутки фрейма. В атрибуте SCROLLING можно указать, показывать ли полосы прокрутки всегда (значение YES), только когда документ не помещается во фрейм (AUTO), или не показывать никогда (NO).  
При желании можно добиться того, чтобы какой-либо фрейм вместо обычного HTML-документа содержал бы, в свою очередь, набор фреймов. Для этого достаточно вместо тега поместить контейнер , в который вложены теги . HTML позволяет управлять работой гиперссылок так, чтобы документ, на который указывает ссылка открывался не в целом окне, а только в одном фрейме.  
Для того чтобы ссылки работали именно так, нужно выполнить два действия:  
1. Фрейму, в который в дальнейшем нужно помещать документ, найденный по ссылке, дают имя. Для этого используют атрибут NAME тега.  
2. При вставке ссылки в HTML-документ другого фрейма в теге указывают атрибут TARGET (цель), значением его является имя фрейма, в который нужно поместить HTML-документ, указанный в HREF. 

 Кроме имён, которые можно давать собственным фреймам, существуют и стандартные имена, заранее известные браузеру, а именно:  
"_self" - позволяет открывать документ по ссылке в том же фрейме, где находилась ссылка  
"_top" - открывает документ во всё окно, где находилась ссылка, разрушая при этом всю структуру   
"_parent" - в родительском фрейме; это не совсем то же самое, что _top, поскольку фреймы бывают вложенными; вся структура родительского фрейма разрушается  
"_blank" - в новом окне браузера; старое окно (содержащее ссылку) при этом не уничтожается.  
 

Браузеры

Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно  имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запросавеб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Mozilla Firefox, Apple Safari,Google Chrome и Opera (см.: Браузер#Рыночные доли).

Версии

RFC 1866 — HTML 2.0, одобренный как стандарт 22 сентября 1995 года;

• HTML 3.2^[1] — 14 января 1997 года;
• HTML 4.0^[2] — 18 декабря 1997 года;
• HTML 4.01^[3] (изменения, причём более значительные, чем кажется на первый взгляд) — 24 декабря 1999 года;
• ISO/IEC 15445:2000^[4] (так называемый ISO HTML, основан на HTML 4.01 Strict) — 15 мая 2000 года.
• HTML 5— в разработке. Конец разработки запланирован на 2014 год.

Официальной спецификации HTML 1.0 не существует. До 1995 года существовало множество неофициальных  стандартов HTML. Чтобы стандартная  версия отличалась от них, ей сразу  присвоили второй номер.

Версия 3 была предложена Консорциумом всемирной паутины (W3C) в марте 1995 года и обеспечивала много новых возможностей, таких как создание таблиц, «обтекание» изображений текстом и отображение сложных математических формул. Даже при том, что этот стандарт был совместим со второй версией, реализация его была сложна для браузеров того времени. Версия 3.1 официально никогда не предлагалась, и следующей версией стандарта HTML стала 3.2, в которой были опущены многие нововведения версии 3.0, но добавлены нестандартные элементы, поддерживаемые браузерами Netscape Navigator и Mosaic.

В версии HTML версии 4.0 произошла некоторая  «очистка» стандарта. Многие элементы были отмечены как устаревшие и нерекомендованные (англ. deprecated). В частности, элемент font, используемый для изменения свойств шрифта, был помечен как устаревший (вместо него рекомендуется использовать таблицы стилей CSS).

В 1998 году консорциум Всемирной паутины начал работу над новым языком разметки, основанном на HTML 4, но соответствующим синтаксису XML. Впоследствии новый язык получил название XHTML. Первая версия XHTML 1.0 одобрена в качестве Рекомендации консорциума Всемирной паутины 26 января 2000 года.

Планируемая версия XHTML 2.0 должна была разорвать  совместимость со старыми версиями HTML и XHTML, но 2 июля 2009 годаконсорциум Всемирной паутины объявил, что полномочия рабочей группы XHTML2 истекают в конце 2009 года. Таким образом, была приостановлена вся дальнейшая разработка стандарта XHTML 2.0.

   4. Гиперссылки

   Гиперссылка в языке HTML прописывается тегом <a></a>. Например запись вида