Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Spec_Mov_3k_4k_Lect.doc
Скачиваний:
0
Добавлен:
01.03.2025
Размер:
1.46 Mб
Скачать

Html-документ Инструментарий создания и редактирования

В качестве инструментария для разработки html-документов можно использовать такие простые средства как «Блокнот» (Windows), Microsoft Word, специализированный инструментарий Macromedia Dreamviewer Ultra Dev, Front Page фирмы Microsoft, Golive Superstudio, Claris Home Page и ряд других. Так, в «Блокноте» достаточно набрать произвольный текст и сохранить его указав тип файла «Все файлы» в кодировке ANSI и указать расширение сохраняемого файла htm или html и будет создан html-документ. Более мощный инструментарий обеспечивает технологию WYSIWYG (What You See Is What You Get – что видишь, то и получишь), с возможностью указания на каких броузерах какие тэги и каким образом поддерживаются. В любом случае, разработка надежного сайта требует его всеобъемлющего тестирования на возможно большом количестве броузеров различных фирм и версий. Тестирование валидных html-документов, включающих тэг !doctype (см. далее), обеспечивает ряд сайтов, наиболее популярные из которых следующие:

The World Wide Web Consortium’s HTML Validatorhttp://validator.w3.org/

WebSiteGaragehttp://www.websitegarage.com/

NetMechanichttp://www.imagiware.com/RxHTML/

Большой список средств контроля содержится, также, на Yahoo!http://www.yahoo.com/Computers_and_Internet/Information_and_Documentation/Data_Formats/HTML/Validation_and_Checkers/

Структура документа

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

<html>

<head>

<title> Название документа</title>

</head>

<body>

Содержимое документа

</body>

</html>

Следует отметить, что MSIE может обрабатывать и отображать документы не имеющие представленной выше структуры. HTML-документы, однако, в этом случае не соответствуют синтаксическим требованиям представления html-документов и могут не восприниматься другими броузерами. Перед тэгом html может располагаться информация о версии html – тэг !doctype, которая позволяет привлечь программы-верификаторы, которые проверят документ на соответствие версии HTML. Последние версии языка HTML позволяют не использовать тэги html и head.

Html тэги

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

Пример

Записи тэгов <BODY BGCOLOR=white> и <body bgcolor=white> эквивалентны.

Следует, однако, учитывать, что значения некоторых атрибутов могут быть чувствительны к регистрам, например имена файлов и гипертекстовые ссылки.

Большинство тэгов являются контейнерами, т.е. имеют открывающий и закрывающий тэги. Закрывающий тэг заключается в угловые скобки и имеет то же имя, что и открывающий тэг. Имени закрывающего тэга предшествует символ «/». Некоторые тэги не имеют закрывающего тэга.

Атрибуты добавляются в тэг для расширения или модификации его действия, определяемого по умолчанию. Порядок размещения атрибутов не играет роли. Для некоторых тэгов необходимо указывать значения, а другие – являются самоопределенными (или булевскими). Значение от атрибута отделяется символом «=». Правила записи значений атрибутов следующие:

  • если значение представлено одним словом, состоящим из букв, цифр и включает точку или дефис, то оно записывается без кавычек,

  • если первое требование нарушено, например значение включает несколько слов, то применяются обрамляющие кавычки.

Пример

The weather is <i>gorgeous </i>today. –применен контейнер i

<img src=”graphics/pixie.gif” align=right width=45 height=60> -автономный тэг с атрибутами

<body bgcolor=”#000000”> -тэг body с атрибутом bgcolor

<font face=”Trebuchet MS, Arial, Helvetica” size=4>

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

Пример

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

The weather is <b><i> gorgeous </b></i>today.

Атрибуты идентификации и классов. Атрибут id определяет имя элемента, которое должно быть уникальным в документе. Атрибут class определяет имя класса или имена нескольких классов для элемента. Любое число тэгов в документе может иметь те же имена классов. Основное назначение имен – возможность применения утверждений стилей к элементам. Атрибут id, кроме того, позволяет ссылаться к элементам документа из программ-скриптов и определять метки-якоря для внутренних гипертекстовых переходов.

Пример

<p><span id="msg1" class="err" >Variable declared twice</span>

< span id="msg2" class="warning info" >Undeclared variable</span > </p>

В этом примере во втором тэге span атрибут class имеет 2 значения: warning и info.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]