Язык аштимель: Элемент - Глоссарий

Содержание

HTML5 | История языка

177

Веб-программирование — HTML5 — История языка HTML5

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

Предполагалось, что язык HTML уйдет в небытие, не дожив до XXI столетия. Организация W3C (World Wide Web Consortium — Консорциум Всемирной паутины), которая занимается разработкой и внедрением официальных стандартов Всемирной паутины, забросила язык HTML в далеком 1998 г., считая его не способным на дальнейшее выживание.

Свои надежды на будущее консорциум W3C возлагал на модернизированного наследника HTML — язык XHTML. Но язык HTML не умер. Его «подобрала» группа программистов-аутсайдеров и не только возвратила его к жизни, но и заложила основу для новых возможностей, которые мы с вами и исследуем.

Как вы знаете, HTML — это язык для создания веб-страниц.

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

Но успех и почтенный возраст также несут с собой определенные существенные угрозы. Что и случилось с языком HTML — в 1998 г. консорциум W3C прекратил его поддержку и попытался заменить его языком на основе языка XML — XHTML 1.0.

На рисунке ниже схематично показана история развития HTML:

XHTML 1.0

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

Например, допустим, что вы хотите выделить курсивом последнее слово заголовка следующим образом:

<h2>История языка <i>HTML5</i></h2>

Но при этом вы случайно поменяли местами два последних тега:

<h2>История языка <i>HTML5</h2></i>

Когда браузер сталкивается с этой слегка подпорченной разметкой, он в состоянии «понять», что вы действительно имели в виду, и без малейших претензий выделяет последнее слово курсивом. Но несовпадающие теги нарушают официальные правила XHTML. Если проверить эту страницу в валидаторе формата XHTML (или открыть ее в какой-либо программе для разработки веб-сайтов, например Dreamweaver), то будет выведено сообщение, указывающее на эту ошибку.

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

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

Но многие из предполагаемых преимуществ XHTML — такие как функциональная совместимость с инструментами XML, облегчение обработки страниц автоматизированными программами, переносимость на мобильные платформы, а также расширяемость самого языка XHTML — так никогда и не материализовались.

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

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

XHTML 2: неожиданный провал

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

Например, система нумерации заголовков (<h2>, <h3>, <h4> и т. д.) была заменена одним элементом <h> с уровнем обозначаемого им заголовка, зависящего от местонахождения этого элемента в веб-странице. Подобным образом элемент <a> был заменен возможностью, позволяющей веб-разработчикам преобразовывать любой элемент в ссылку, а вместо атрибута alt элемента <img> был предложен новый способ предоставления альтернативного содержимого.

Изменения такого рода были типичными для XHTML 2. С теоретической точки зрения, они делали язык более аккуратным и были более понятными. Но с практической стороны, они вынуждали всех изменить свой подход к созданию веб-страниц (не говоря об обновлении уже созданных веб-страниц), не добавляя при этом никакой новой функциональности, чтобы оправдать всю эту работу. Попутно из XHTML 2 было удалено несколько удобных элементов, которые все еще пользовались популярностью среди веб-разработчиков, таких как <b> (полужирный текст), <i> (текст курсивом) и <iframe> (для вложения одной веб-страницы в другую).

Но, возможно, худшей проблемой оказалась чрезвычайно медленная скорость внесения изменений. Разработка XHTML 2 тащилась в течение пяти лет, и интерес разработчиков к этому стандарту медленно угасал.

HTML5: возвращение к жизни

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

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

Такая ситуация вызывала особенную озабоченность среди разработчиков браузеров, поэтому группа дальновидных разработчиков из компании Opera Software (создатели браузера Opera) и компании Mozilla Foundation (создатели браузера Firefox) начали агитировать за включение в XHTML больше возможностей, ориентированных на разработчиков. Когда их попытки не увенчались успехом, компании Opera, Mozilla и Apple создали группу WHATWG (Web Hypertext Appliccation Technology Working Group — рабочая группа по технологии гипертекстовых веб-приложений) с целью работы над новыми решениями.

Группа не ставила перед собой задачу заменить HTML, ее целью было плавное расширение языка, и причем такое, чтобы расширения были обратно совместимыми. Надо сказать, что самая ранняя версия работы этой группы включала две спецификации расширений — Web Applications 1.0 и Web Forms 2.0. В конечном итоге эти стандарты эволюционировали в HTML5.

Предполагается, что число 5 в названии HTML5 означает: данный стандарт является продолжением стандарта HTML (последней версией стандарта HTML перед XHTML была версия 4.01). Это, конечно же, не совсем верно, т. к. HTML5 поддерживает все разработки, существовавшие в области создания веб-страниц в течение десяти лет после выпуска HTML 4.01, включая строгий синтаксис в стиле XHTML (если разработчики желают использовать его), а также множество инноваций для JavaScript. Тем не менее это название делает ясным следующее: язык HTML5 может поддерживать соглашения XHTML, но требует следования правилам HTML.

В 2000-х все интересное происходило в лагере группы WHATWG. После некоторого периода болезненных размышлений организация W3C решила распустить работающую над XHTML 2 группу и работать вместо этого над формализацией стандарта HTML5. На этом этапе первоначальный стандарт HTML5 был разделен на более управляемые части, и многие из его функциональных возможностей стали отдельными стандартами.

Что входит в состав HTML5?

Браузеров, «поддерживающих» HTML5, не существует. Вместо этого, каждый браузер поддерживает постепенно расширяющееся подмножество возможностей HTML5. Этот подход является как хорошим, так и плохим. Хорош он потому, что браузеры могут быстро реализовать готовые части стандарта HTML5, пока другие возможности продолжают развиваться. А плох он тем, что заставляет веб-разработчиков беспокоиться о проверке, поддерживает ли конкретный браузер каждую функциональную возможность, которую они хотят использовать.

Далее приводится список и короткое описание основных категорий функциональных возможностей, охватываемых HTML5:

Ядро HTML5: Эта часть HTML5 составляет официальную версию спецификации организации W3C. Она содержит новые семантические элементы, новые и усовершенствованные элементы управления для веб-форм, поддержку аудио и видео, а также холст для рисования с помощью JavaScript. В эту категорию входит большинство функциональных возможностей, которые наилучшим образом поддерживаются браузерами.
Ранние возможности HTML5: Это возможности, которые были реализованы в первоначальной спецификации HTML5, подготовленной группой WHATWG. Большинство из них — это спецификации для возможностей, требующих JavaScript и поддерживающих развитые веб-приложения. Наиболее важными являются локальное хранение данных, приложения, работающие в автономном режиме, и обмен сообщениями.
Возможности, иногда называемые HTML5: Это возможности следующего поколения, которые часто считаются частью HTML5, хотя они никогда не входили в стандарт HTML5. Эта категория включает спецификацию CSS3 и геолокацию.

В результате перехода поддержки HTML сначала от организации W3C к группе WHATWG, а потом обратно, возникла довольно необычная ситуация. Технически организация W3C отвечает за определение, что является официальным HTML5, а что — нет. Но в то же самое время группа WHATWG продолжает свою работу, придумывая будущие возможности HTML. Только теперь она называет его не HTML5, а просто HTML, объясняя это тем, что HTML будет продолжать существовать, как живой язык.

Так как HTML является живым языком, то HTML-страница никогда не устареет и не перестанет работать. Для HTML-страниц никогда не потребуется номер версии (даже в блоке указания типа документа <doctype>), а веб-разработчикам никогда не понадобится обновлять свою разметку от одной версии языка к другой, чтобы она работала на новых браузерах.

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

С текущим, продолжающимся развиваться, черновым вариантом стандарта HTML включающим материал, который называется HTML5, а также небольшой, но постоянно развивающийся набор новых, неподдерживаемых возможностей, можно ознакомиться на сайте http://whatwg.

org/html. А последние, менее формальные новости по HTML можно узнать в блоге группы WHATWG.

Ознакомиться с официальной версией стандарта HTML5 организации W3C можно на веб-сайте по адресу: www.w3.org/TR/html5.

Язык HTML — презентация онлайн

ЯЗЫК HTML

2. HyperText Markup Language

HYPERTEXT MARKUP LANGUAGE
(язык разметки гипертекста)
Понятие HTML включает в себя различные способы
оформления гипертекстовых документов, дизайн,
гипертекстовые редакторы, браузеры и многое
другое.
HTML как основа создания Web-страниц имеет
прямое отношение и к новому направлению
изобразительного искусства — Web-дизайну.
Многие называют HTML языком
программирования. Это не совсем верно, так
как в традиционном понимании HTML
является языком разметки электронных
документов, лишь указывающим
программам просмотра HTML-страниц
(браузерам) форму представления описанной
в документе информации.

4. Браузер

БРАУЗЕР
Специальные программы для просмотра вебсайтов (электронных документов, созданных по
правилам языка разметки HTML), называются
браузерами.

Основная функция браузера заключается в
интерпретации кода HTML и выводе
визуального результата на экран монитора
пользователя.
Сегодня существует большое количество самых
разнообразных браузеров
Самым
первым обозревателем с
графическим интерфейсом
является Mosaic от фирмы NCSA.
Более продвинутым был второй
браузер — Netscape Navigator.
Наибольшей популярностью
пользуются программы:
Internet Explorer,
Opera,
Mozilla,
Google Chrome (На январь 2014
года — 32%)

7. Специальные термины

СПЕЦИАЛЬНЫЕ ТЕРМИНЫ
• Элемент (element) — конструкция языка
HTML. Это контейнер, содержащий данные и
позволяющий отформатировать их
определенным образом. Любая
• Web-страница представляет собой набор
элементов. Одна из основных идей гипертекста
— возможность вложения элементов.
• Тег (tag) — начальный или конечный
маркеры элемента. Теги определяют границы
действия элементов и отделяют элементы друг от
друга.

В тексте Web-страницы теги заключаются
в угловые скобки, а конечный тег всегда
снабжается косой чертой.
Атрибут (attribute) — параметр или свойство элемента.
Это переменная, которая имеет стандартное имя и
которой может присваиваться определенный набор
значений. Атрибуты располагаются внутри начального
тега и отделяются друг от друга пробелами.
• Гиперссылка — фрагмент текста, который является
указателем на другой файл или объект. Гиперссылки
необходимы для того, чтобы обеспечить возможность
перехода от одного документа к другому.
• Фрейм (frame) — этот термин имеет два значения.
Первое — область документа со своими полосами
прокрутки. Второе значение — одиночное изображение в
сложном (анимационном) графическом файле (по
аналогии с кадром кинофильма). Вместо термина
≪фрейм≫ в специальной литературе и локализованных
программных продуктах иногда можно встретить термин
≪кадр≫ или ≪рамка≫.
Апплет (applet) — программа, передаваемая
на компьютер клиента в виде отдельного
файла и запускаемая при просмотре Webстраницы.

• Скрипт или сценарий (script) — программа,
включенная в состав Web-страницы для
расширения ее возможностей. Броузер Internet
Explorer в определенных ситуациях выводит
сообщение: ≪Разрешить выполнение сценариев
на странице?≫ В этом случае имеются в виду
скрипты.
Расширение (extension) — элемент, не
входящий в спецификацию языка, но
использующийся, обеспечивая возможность
создания нового интересного эффекта
форматирования.
• Программный код или просто код — аналог
понятия ≪текст программы≫.
• Код HTML — гипертекстовый документ в
своем первоначальном виде, когда видны все
элементы и атрибуты.
World Wide Web, WWW или просто Web —
Всемирная паутина, распределенная система
доступа к гипертекстовым документам,
существующая в Интернете.
• Web-страница — документ (файл),
подготовленный в формате гипертекста и
размещенный в World Wide Web.
• Сайт (site) — набор Web-страниц, принадлежащих
одному владельцу.

Код http указывает на то, что программа должна
работать с системой гипертекстовых документов и
использовать соответствующий протокол (HyperText
Transfer Protocol).

13. HTML-файл или HTML-страница

HTML-ФАЙЛ ИЛИ HTMLСТРАНИЦА
— документ, созданный в виде гипертекста
на основе языка HTML. Такие файлы имеют, как
правило, расширения htm или html. В
гипертекстовых редакторах и браузерах эти
файлы имеют общее название ≪документ≫.
HTML является основным языком для создания
документов в WWW.

14. Особенности гипертекста

ОСОБЕННОСТИ ГИПЕРТЕКСТА
Способ создания гипертекста обеспечивает его
абсолютную платформенную независимость.
Одной из основных особенностей HTML является
принцип, по которому не только допускается
вложение одних элементов в другие, но и
декларируется необходимость такого вложения. Это
отличает HTML от многих других языков.
Если
рассмотреть исходные тексты
различных Web-страниц, то можно
легко увидеть схожесть их структур.

Это объясняется тем, что документы
создаются по определенным
правилам.
В основу синтаксиса языка HTML
лег стандарт ISO 8879:1986
≪Information processing. Text and
office systems. Standard Generalized
Markup Language (SGML)≫.

16. Язык HTML представляет собой набор специальных правил.

ЯЗЫК HTML ПРЕДСТАВЛЯЕТ СОБОЙ
НАБОР СПЕЦИАЛЬНЫХ ПРАВИЛ.
Каждому
правилу соответствует свое
название, свойство и значение.
Например, чтобы задать правило
жирного начертания обыкновенного
текста, необходимо использовать
следующую HTML-конструкцию:
<В>Обыкновенный текст</В>
Как
видно из примера, текст, который
должен отображаться жирным
начертанием, обособлен группами
символов <в> и </в>.
Такие группы принято называть
тегами.
Теги бывают одинарными и парными. В
случае с нашим примером тег </в>
является парным, т. к. он закрывает
HTML-конструкцию вместе с символом
«/» (прямой слэш).

Иногда теги, которые
необходимо закрывать парным тегом,
называют тегами-контейнерами.

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

ВСЕ ЭЛЕМЕНТЫ ЯЗЫКА МОЖНО
УСЛОВНО РАЗДЕЛИТЬ НА ТРИ ГРУППЫ.
К первой относятся элементы, которые создают
структуру гипертекстового документа.
Ко второй группе можно отнести элементы,
создающие эффекты форматирования. Их
использование диктуется конкретными
требованиями к документу, фантазией
разработчика.
К третьей группе относятся элементы, которые
позволяют управлять программными средствами,
установленными и работающими на компьютереклиенте.
Структура
любого тега подразумевает
указание самого тега, его параметра и
значения этого параметра.
При этом наименование параметра и
его значения может писаться как
строчными, так и прописными буквами.
Значение параметра ставится в
кавычки.
Параметры
и их значения могут либо
вообще отсутствовать у какого-то
определенного тега:
<TABLE BORDER>
В
приведенном примере для тега построения
таблицы <TABLE> один параметр (WIDTH)
указан со значением, другой (BORDER)
такового не содержит.

Любой
HTML-документ содержит
три основных обязательных
раздела: HTML, HEAD и BODY.
Рассмотрим подробнее каждый из
них.

22. Раздел HTML

РАЗДЕЛ HTML
Раздел
HTML описывается тегомконтейнером <HTMLX/HTML> и дает
браузеру информацию о том, что
документ разработан с помощью языка
разметки HTML.
Сегодня большинство браузеров способно
распознать HTML-документ и без
указания данного тега, тем не менее,
пропускать раздел HTML разработчикам
не рекомендуется.

23. <HTML> </html>

<HTML> </HTML>
— Данный элемент является самым внешним,
так как между его начальным и конечным
тегом должна находиться вся Web-страница.
Он допускает вложение элементов HEAD,
BODY, FRAMESET и других, определяющих
общую структуру Web-страницы.
Конечным тегом </html> заканчиваются все
подобные документы.

24. Раздел HEAD

РАЗДЕЛ HEAD
Раздел HEAD выполняет функцию рабочего
заголовка HTML-документа и является, по
сути, «бойцом невидимого фронта» — — теги,
указываемые внутри этого раздела,
чрезвычайно важны и могут сильно влиять на
внешний вид документа, но сами остаются
незаметными глазу пользователя.

Данному разделу сопоставлен парный тег
<HEADX/HEAD>.
Рассмотрим теги HTML, которые указываются
внутри раздела HEAD.

25. <HEAD> </head>

<HEAD> </HEAD>
Область
заголовка Web-страницы. Иными
словами, ее первая часть. Так же, как
предыдущий элемент, HEAD служит только
для формирования общей структуры
документа. Этот элемент может иметь
атрибуты lang и d i r , должен включать
элемент TITLE и допускает вложение
элементов BASE, МЕТА, LINK, OBJECT,
SCRIPT, STYLE.

26. Название документа <TITLE>

НАЗВАНИЕ ДОКУМЕНТА <TITLE>
Парный тег <TITLEX/TITLE> предназначен
для указания имени созданному электронному
документу. Следует помнить, что под именем
документа в данном случае имеется в виду не
файловое наименование, а визуальный
заголовок HTML-страницы.
Указание конструкции <TITLEX/TITLE> не
является обязательным, однако рекомендуется
Эта строка часто используется при
организации поиска в WWW.

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

27. <TITLE> </title>

<TITLE> </TITLE>
Поисковые
системы, столкнувшись с
безымянной страницей, занесут ее в
свои базы данных под заголовком
Untitled, что сделает HTML-документ
безликим и похожим на миллионы
других электронных документов,
размещенных в Интернете.

28. Связь между документами <LINK>

СВЯЗЬ МЕЖДУ ДОКУМЕНТАМИ <LINK>
Часто бывает так, что несколько различных
документов структурно или функционально
взаимосвязаны между собой. В этом случае
используется тег <LINK>, который не является
парным, а значит не требует указания
закрывающего тега:
<LINK HREF=»styles/main.ess» TYPE=»text/css»
REL=»stylesheet»>
Приведенный пример показывает отношение между
HTML-документом, в разделе HEAD которого
указана данная кодовая конструкция, и внешним
файлом шаблона стилей main.

ess.
Элементы <STYLE> и <SCRIPT>
В структуру раздела документа HEAD также
могут входить теги-контейнеры
<STYLEX/STYLE> И <SCRIPTX/SCRIPT>.
первый парный тэг описывает стилевые
шаблоны документа, второй — содержит код
исполняемых сценариев (скриптов).

30. <STYLE> </style>

<STYLE> </STYLE>
Описание стиля некоторых элементов Webстраницы.
Для
каждого элемента существует стилевое
оформление по умолчанию, поэтому
употребление элемента STYLE не
обязательно, но желательно.

31. <МЕТА>

<МЕТА>
Этот
элемент содержит служебную
информацию, которая не отражается при
просмотре Web-страницы. Внутри него нет
текста в обычном понимании, поэтому нет и
конечного тега. Каждый элемент МЕТА
содержит два основных атрибута, первый из
которых определяет тип данных, а второй —
содержание.

32. Вот несколько примеров meta-данных:

ВОТ НЕСКОЛЬКО ПРИМЕРОВ
META-ДАННЫХ:
• Дата, обозначающая ≪срок годности≫
документа:
name=»Expires» content=«Дата»
• Адрес электронной почты:
name=»Reply-to» content=»Имя@Адрес»
Имя автора Web-страницы:
name =»Author» content=»Имя автора»
Набор ключевых слов для поиска:
name=»Keywords» content=»cnoBo1, слово2, словоЗ .

. «
• Краткое описание содержания Web-страницы:
name=»Description» content=»Содержание страницы»
• Описание типа и характеристик Web-страницы:
name=»Content-Type» content=»Описание страницы»
• Указание приложения, в котором была создана
Web-страница:
name=»Generator» content=«Название HTMLредактора»

34. <BODY> </body>

<BODY> </BODY>
Этот элемент заключает в себе гипертекст,
который определяет собственно Web-страницу.
Раздел BODY является одним из самых важных
компонентов любого HTML-документа, т. к. в нем
располагается содержательная часть, которая
выводится браузером на экран монитора
пользователя.
Конечный тег этого элемента надо искать в конце
HTML-файла.
Внутри элемента BODY можно использовать все
элементы, предназначенные для дизайна Webстраницы.
Раздел
описывается парным тегом
<BODYX/BODY>, внутри которого
размещается большинство
существующих тегов HTML.

Гипертекст,
расположенный внутри элемента BODY,
может иметь произвольную структуру.
Тег <BODY> имеет ряд параметров,
которые условно можно разделить на
четыре основные группы (параметры
фона, границ документа, текста и
гиперссылок).
Параметр
Функция
BGCOLOR
Определение цвета фона
BACKGROUND
Указание фонового рисунка
BGPROPERTIES
Изменение свойств фона
(например, фиксирование фонового рисунка)
TOPMARGIN, BOTTOMMARGIN Определение
размера отступов
LEFTMARGIN, RIGHTMARGIN,
MARGINWIDTH, MARGINHEIGHT
TEXT
Определение цвета основного текста
LINK, ALINK, VLINK
Определение цвета
гиперссылок
Один из самых полезных для дизайна — атрибут,
определяющий фон страницы:
background=«Путь к файлу
фона»
Более простое оформление фона сводится к
заданию его цвета:
bgcolor=»#RRGGBB»
Цвет фона задается тремя двуразрядными
шестнадцатеричными числами, которые
определяют интенсивность красного, зеленого и
синего цветов соответственно.

38. Параметры фона

ПАРАМЕТРЫ ФОНА
Параметрами фона документа являются BGCOLOR,
BACKGROUND и BGPROPERTIES.
BGCOLOR устанавливает цвет фона, значение
которого может быть введено в символьном
эквиваленте, в шестнадцатеричном коде или в
формате цветовой модели RGB (Red, Green, Blue).
Любое значение RGB может быть преобразовано в
шестнадцатеричный формат(от 00 до FF с
приставкой # (читается «диез»)).
Некоторым значениям упомянутых моделей
соответствует символьное название цвета.
Таким образом, один и тот же цвет можно указать
тремя возможными способами.

39. Три варианта установки цвета фона (белого):

ТРИ ВАРИАНТА УСТАНОВКИ ЦВЕТА ФОНА
(БЕЛОГО):
П <BODY BGCOLOR=»white»>
П <BODY BGCOLOR=»#FFFFFF»>
П <BODY BGCOLOR=»255,255,255″>
Параметр BACKGROUND позволяет
накладывать на фон документа графическое
изображение:
<BODY BACKGROUND=»images/bg.gif»>
Наряду с графическим изображением фона
рекомендуется использовать и параметры
цвета на тот случай, если рисунок не
загрузится (тогда браузер отобразит цвет).

41. Параметры границ документа

ПАРАМЕТРЫ ГРАНИЦ ДОКУМЕНТА
Параметры границ HTML-документа создают
отступы заданного размера от верхнего,
нижнего, левого и правого краев документа.
Этим отступам соответствуют параметры
TOPMARGIN, BOTTOMMARGIN, LEFTMARGIN и RIGHTMARGIN.
Значения для них задаются в пикселах:
<BODY TOPMARGIN=»5″ BOTTOMMARGIN=»5″
LEFTMARGIN=»10″ RIGHTMARGIM=»10″>

42. Параметры текста

ПАРАМЕТРЫ ТЕКСТА
Из параметров текста документа реально
применяется только один — TEXT.
Он задает цвет основного текста на странице
(значение параметра может быть введено
аналогично цвету фона документа):
<BODY TEXT=»black»>

43. Параметры гиперссылок

ПАРАМЕТРЫ ГИПЕРССЫЛОК
Параметры гиперссылок (связей с
внутренними или внешними документами)
определяют цвет активных (ALINK), не
посещенных (LINK) и посещенных (VLINK)
ссылок:
<BODY LINK=»#OOOOFF» ALINK=»#OOOOFF»
VLINK=»blue»>
Для
задания цвета текста имеется
следующий атрибут:
Для
text=»#RRGGBB»
задания цвета текста
гиперссылок используется атрибут:
Точно
link=»#RRGGBB»
так же можно задать цвет для
просмотренных гиперссылок:
vlink=»#RRGGBB»
Можно также указать изменение цвета для последней
выбранной пользователем гиперссылки:
alink=»#RRGGBB»

45.

<!— Комментарий — ><!— КОММЕНТАРИЙ — >
В любом языке программирования есть
конструкции, позволяющие создавать произвольные
ремарки.
Текст, введенный внутри этого элемента,
игнорируется браузером. Эти элементы могут
располагаться в любом месте Web-страницы.
Комментарий должен быть отделен от основного
текста угловыми скобками.
Признаком комментария служит восклицательный
знак, а текст комментария должен обрамляться
двойными дефисом. Например:
<!— Начало вывода таблицы —>

46. <Hlx/hl>

<HLX/HL>
Элемент заголовка. Существует шесть
уровней заголовков, которые обозначаются
Н1…Н6.
Заголовок уровня 1 самый крупный, а уровень
6 обеспечивает самый маленький заголовок.
Для заголовков можно использовать атрибут,
задающий выравнивание влево, по центру
или вправо:
align=»left»
align=»center»
align=»right»

47. Заголовки, создаваемые при помощи элементов Н1.

..Н6.ЗАГОЛОВКИ, СОЗДАВАЕМЫЕ ПРИ
ПОМОЩИ ЭЛЕМЕНТОВ Н1…Н6.
Заголовок
1
Заголовок 2
Заголовок 3
Заголовок 4
Заголовок 5
Шрифт второго заголовка переопределен
<HR>
Горизонтальная линия (horizontal rule) —
очень часто используемый элемент.
Во-первых, потому что с его помощью очень
удобно делить страницу на части.
Во-вторых, потому что выбор подобных
элементов оформления у автора страницы
очень небольшой. Действительно, в HTML
практически отсутствуют похожие
конструкции, только для горизонтальной
линии почему-то было сделано исключение.
Элемент
не имеет конечного тега, но
допускает ряд атрибутов для
выравнивания
влево, по центру, вправо, по ширине:
align=»left»
align=»center»
align=»right»
align=»justify»
Можно
задавать толщину линии:
Size=толщина в пикселах
Можно управлять длиной линии:
width= длина в пикселах
width=длина в процентах
Можно выбрать цвет:
со1ог=»цвет»

51.

Правила синтаксисаПРАВИЛА СИНТАКСИСА
При использовании каждого элемента важно
знать, какие элементы могут располагаться
внутри него и внутри каких элементов может
находиться он сам. Так, взаимное
расположение элементов HTML, HEAD, TITLE
и BODY должно быть стандартным на любой
странице.
Если же страница представляет собой
документ планировки фреймов, то вместо
элемента BODY используется элемент
FRAMESET.
Существуют группы элементов, которые
используются совместно. К ним относятся
элементы для создания таблиц, списков,
фреймов.
Таблицы и фреймы часто используются для
того, чтобы разместить детали страницы
(рисунки, текст и т. д.) в определенном
порядке. Например, располагая рисунок
внутри ячейки таблицы, можно добиться
определенного его положения.
В
приведенном ниже примере есть два
абзаца (первый в зеленой рамке) и
таблица:
<Р>Текст
абзаца 1</р>
<TABLE> .

. . </table>
<Р> Текст абзаца 2</р>
Таблица в данном случае —
независимый элемент. Ее можно,
например, выравнивать независимо от
остального текста.
Можно
использовать другой код:
<Р>Текст
абзаца 1
<TABLE> . . . </table>
<Р> Текст
Исчез конечный тег первого абзаца.
Теперь таблица является частью
первого абзаца, и зеленая рамка будет
охватывать таблицу и текст. абзаца
2</р>
Браузеры построены таким образом, что они
≪стараются≫ не реагировать на ошибки разметки
гипертекста. Если страница может быть
отображена, то она выводится на экран без какихлибо предупреждающих сообщений.
Программа интерпретирует ошибочно
расставленные теги определенным образом и
формирует изображение, следуя логике,
заложенной в нее разработчиками. При этом вид
страницы может и не соответствовать замыслу
автора. И только в случае очень серьезных ошибок
или явных противоречий браузер выводит
сообщение о невозможности отобразить страницу.

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

58. Первый HTML-документ

ПЕРВЫЙ HTML-ДОКУМЕНТ
<HTML>
<HEAD>
<TITLE>Мой первый документ</TITLE>
</HEAD>
<BODY BGCOLOR=»#FFFFFF» TOPMARGIN=»30″
TEXT=»black» LINK=»#OOFFOO»
ALINK=»#OOFFOO» VLINK=»blue»>
Это мой первый НТМL-документ!
</BODY>
</HTML>
Код
можно написать в блокноте.

Теперь сохраните код под любым
именем, не забыв присвоить файлу
расширение html или htm. Откройте
файл в браузере.
Увидите там текст:
Это мой первый HTML-документ!

60. Вот что получилось:

ВОТ ЧТО ПОЛУЧИЛОСЬ:

61. Изменим цвета фона и шрифта:

ИЗМЕНИМ ЦВЕТА ФОНА И ШРИФТА:
<HTML>
<HEAD>
<TITLE>Мой первый документ</TITLE>
</HEAD>
<BODY BGCOLOR=»#00FFFF»
TOPMARGIN=»30″ TEXT=»blue»
LINK=»#OOFFOO»
ALINK=»#OOFFOO» VLINK=»blue»>
Это мой первый НТМL-документ
</BODY>
</HTML>

62. Вот что получилось: