Синтаксис HTML-тегов. Структура HTML-документа. Раздел HEAD и BODY. Коды HTML-символов. Форматирование текста: символов, абзацев. Размещения рисунков, таблиц. Связь между HTML-документами и фрагментами документов. Синтаксис атрибута и карта гиперссылок.
Аннотация к работе
Интернет представляет собой всемирную сеть, объединяющую компьютерные сети по всему миру на базе единых стандартных соглашений (протоколов) о способах обмена информацией и единой системой адресации. Информация в WWW представлена в виде так называемых гипертекстовых (или, более широко, гипермедийных) документов, которые могут содержать отформатированный текст, графику, аудио-и видеофрагменты. Активными могут быть фрагменты текста, целые изображения и их части; щелчок по активной зоне вызывает загрузку связанного с этой зоной (целевого) документа. Просмотр HTML-документов осуществляется с помощью программ-браузеров (от английского browser), которые отображают документ в соответствии с HTML-разметкой и обеспечивают навигацию по гиперссылкам. Чаще используют специализированные редакторы, предназначенные именно для подготовки HTML-документов, которые позволяют вставлять теги с помощью кнопок панелей инструментов либо команд меню, и задавать атрибуты тегов в диалоговых окнах, например, Macromedia Dreamweaver, Microsoft Front Page, Home Site и др.Секция заголовка обычно содержит теги, незаметные для пользователя, но тем не менее способные активно влиять не внешний вид документа. … Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза. Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа.MICROSOFTINTERNETEXPLORERПОДДЕРЖИВАЕТ 16 стандартных имен цветов (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white) Другим способом является использование кода цвета в виде шестиразрядного шестнадцатеричного числа, задающее интенсивность красной (первые две цифры), зеленой (следующие две цифры) и синей (последние две цифры) составляющей. При задании цвета в качестве значения атрибута некоторого тега перед шестнадцатеричным числом ставится символ #. Например, запись COLOR=«#0000FF» означает синий цвет Несмотря на принципиальную возможность задать миллионы цветов, надо учитывать, что браузеры отображают лишь 256 цветов, причем у каждого браузера своя цветовая палитра. TEXT=цвет Определяет цвет текста в документе Тег имеет необязательный атрибут ALIGN, указывающий на вид выравнивания абзаца, который может принимать значения LEFT, CENTER, RIGHT и JUSTIFY, задающие выравнивание соответственно по левому краю, центру, правому краю и по ширине.
Введение
Интернет представляет собой всемирную сеть, объединяющую компьютерные сети по всему миру на базе единых стандартных соглашений (протоколов) о способах обмена информацией и единой системой адресации.
К настоящему времени сеть Интернет получила беспрецедентное распространение. По оценкам экспертов Интернет объединяет более 100 миллионов компьютеров. Услугами Интернет пользуется свыше 300 миллионов человек в 170 странах мира.
С функциональной точки зрения Интернет представляет собой: ?недорогое быстродействующее средство общения между абонентами по всему миру;
?не имеющее аналогов хранилище информации по любым областям знаний;
?новую перспективную среду для деятельности.
Влияние Интернет распространяется не только на технологическую область компьютерных коммуникаций, оно имеет также социальную направленность и пронизывает все общество по мере того, как все более широкое распространение получают оперативные средства получения знаний, электронной коммерции.
Самым распространенным и востребованным сегодня является такой сервис Интернет, как WWW (WORLDWIDEWEB ? всемирная паутина). Информация в WWW представлена в виде так называемых гипертекстовых (или, более широко, гипермедийных) документов, которые могут содержать отформатированный текст, графику, аудио- и видеофрагменты. Основной особенностью гипертекстовых документов является наличие активных зон, чувствительных к щелчку мыши. Активными могут быть фрагменты текста, целые изображения и их части; щелчок по активной зоне вызывает загрузку связанного с этой зоной (целевого) документа.
Чтобы научиться размещать материалы в Интернет, прежде всего необходимо познакомиться с языком разметки гипертекста HTML (Hyper Text Markup Language)
1. Основы языка HTML
Язык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тегами (от английского tag). Встречающиеся в тексте документа HTML-теги интерпретируются браузером при отображении документа.
Просмотр HTML-документов осуществляется с помощью программ-браузеров (от английского browser), которые отображают документ в соответствии с HTML-разметкой и обеспечивают навигацию по гиперссылкам. Наиболее распространенными являются браузеры Microsoft Internet Explorer фирмы Microsoft Corporation и Netscape Navigator фирмы Netscape Communications Corporation.
Поскольку HTML-документ представляет собой текстовый файл, его можно подготовить в простейшем текстовом редакторе, например, в блокноте (Notepad), но это очень трудоемко. Чаще используют специализированные редакторы, предназначенные именно для подготовки HTML-документов, которые позволяют вставлять теги с помощью кнопок панелей инструментов либо команд меню, и задавать атрибуты тегов в диалоговых окнах, например, Macromedia Dreamweaver, Microsoft Front Page, Home Site и др.
HTML-документ может быть получен преобразованием в HTML-формат, например, из формата документов пакета Microsoft Office. Надо отметить, что при таком преобразовании исходный текст HTML-документа получается крайне избыточным и нуждается в коррекции. Значительно эффективнее пользоваться специальными HTML - редакторами.
1.1 Синтаксис HTML-тегов
HTML-тег записывается в угловых скобках и состоит из имени, за которым может следовать список атрибутов (для большинства тегов необязательный). Имена и атрибуты представляют собой английские слова и аббревиатуры.
Теги условно можно разделить на две группы: - парные теги (называемые также контейнерами) имеют два компонента: открывающий (начальный) и закрывающий (конечный) ; закрывающий компонент имеет то же название, но при записи перед названием ставится косая черта (символ /). Между открывающим и закрывающим компонентами может располагаться текст документа и другие теги. Фрагмент документа, расположенный между открывающим и закрывающим элементом тега-контейнера форматируется браузером согласно смыслу тега. Например, текст, расположенный между тегами и, будет выведен полужирным начертанием (название тега - от английского bold). Парные теги могут быть вложены друг в друга, но не должны пересекаться.
- непарные теги (называемые также автономными) не имеют конечного компонента. При их интерпретации в отображаемый документ вставляется тот или иной объект. Например, тег , встречающийся в тексте HTML-документа, вызывает вставку графического изображения из файла pict. gif.
Атрибуты в списке отделяются друг от друга одним или несколькими пробелами, либо символами табуляции, либо символами перевода строки; последовательность записи атрибутов несущественна. Подавляющее большинство атрибутов употребляются в виде пары название атрибута = значение атрибута. В случае, когда значение атрибута представляет собой более чем одно слово либо одно число, его следует заключить в одинарные или двойные кавычки. В закрывающих компонентах тегов атрибуты не указываются.
2. Структура HTML-документа
HTML-документ заключается в теги. Между этими тегами располагаются две секции: секция заголовка и секция тела документа. Секция заголовка содержит описание параметров, используемых при отображении документа, но не отражающихся непосредственно в окне браузера. Секция тела документа содержит основной текст, предназначенный для отображения браузером, теги форматирования, размещения рисунков, таблиц, гиперссылок и т. д.
HTML-код простейшего документа, пригодного для размещений в Интернет, выглядит так: Наша первая страничка TITLE>
Данный код может быть набран в текстовом редакторе Блокнот и сохранен как файл с расширением. htm или. html? в этом случай документ откроется в браузере, установленном на вашем компьютере по умолчанию. Браузер отобразит этот документ, выведя в своем окне строку «Самый простой HTML-документ», расположенную в секции тела документа. Фраза «Наша первая страничка» будет отображаться в строке заголовка браузера.
Список литературы
Угринович, Н. Д. Информатика и ИКТ. Базовый уровень. /Н. Д. Угинович. - М. : БИНОМ. Лаборатория знаний, 2008
Компьютеры, сети, Интернет: Энциклопедия. 2-е изд. / Под общ. ред. Ю. Н. Новикова. - СПБ: Питер, 2003. - 832 с. http://info-comp.ru/programmirovanie/69-web-html.html