Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатика
ИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханика
ОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторика
СоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансы
ХимияЧерчениеЭкологияЭкономикаЭлектроника

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

Читайте также:
  1. II. Структура
  2. Quot;ПАБЛИК РИЛЕЙШНЗ": ПОНЯТИЕ, ИСТОРИЯ, СТРУКТУРА
  3. V. 17.3. Структура характера и симптомокомплексы его свойств
  4. V. 18.4. Талант, его происхождение и структура
  5. Активным детям требуется подготовка и структура
  6. Анатомическая структура нерва
  7. Б. Структура отрасли

Язык HTML существует в нескольких вариантах, или специ­фикациях. Как и версии любых программных продуктов, вариан­ты языка HTML пронумерованы: 2.0, 3.0, 3.2, 4.0. Каждая после-


10 Фуфаеп



дующая версия представляет собой расширение и дополнение предыдущей. Здесь мы будем рассматривать конструкции языка HTML версии 4.0, которые поддерживаются последними версия­ми большинства распространенных броузеров. Все версии языка создают файлы, сохраняемые с расширениями.html или.htm.

Как видно из текста приведенной программы, HTML-доку­мент — это текстовый документ специального формата, в кото­ром обычный текст сочетается с элементами разметки, заклю­ченными в угловые скобки < >, например <html>, </html>, <head>, </body>. Такие элементы разметки называются тэгами.

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

• левой угловой скобки <;

• необязательного символа слэш/, который означает, что тэг является конечным, т. е. закрывающим некоторую структуру, на­пример </html> (символ / можно читать как конец некоторого элемента разметки, например строки или абзаца);

• имени тэга, например html;

• необязательных атрибутов (тэг может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например align = «center»);

• правой угловой скобки >.

Таким образом, открывающий тэг <html>, стоящий вначале документа HTML и означающий его начало, состоит из имени html и двух угловых скобок < >, а тэг </html>, указанный в кон­це Web-документа, содержит еще и символ слэш /, означаю­щий, что этот тэг закрывающий, т.е. указывающий на конец до­кумента.

Атрибут align со значением «center», означает, что текст будет выровнен по центру.

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

При написании кода программы на языке HTML не играет роли формат шрифта — прописной он или строчный (верхний или низший регистр), т. е. тэги <HEAD>, <head> и <Head> являют­ся эквивалентными. Далее для написания тэгов будем использо­вать нижний регистр.

Большинство тэгов сдвоены, т. е. за открывающим тэгом следу­ет соответствующий ему закрывающий, а между ними содержит­ся текст или другие тэги, например <р class = MsoNormal align = center style='text-align:center;line-height:200 %'>. Этот текст на­печатан в редакторе </р>. В данном примере между открывающим тегом <р> с параметрами class=MsoNormal align=center style ='text-


align:center;line-height:200 %'и закрывающим тегом </р> находится текст.

Два тэга и часть документа, заключенная между ними, образу­ют блок, называемый элементом, или директивой HTML. Неко­торые тэги (например, <hr>) являются одиночными, т. е. с ними закрывающие тэги не применяются, так как они сами по себе являются элементами HTML.

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

Атрибут тэга состоит из имени (например, align), знака равен­ства (=) и значения, которое задается строкой символов (напри­мер, «center»), т.е. имеет вид align=«center». Значения атрибутов обычно заключаются в кавычки. Однако, если в этих значениях используются только символы латинского алфавита, цифры и де­фисы, кавычки можно опустить и записать align = center.

Структура HTML-документа содержит следующие обязатель­ные элементы:

• T3rH<html> и </html> — отмечают начало и конец документа;

• тэги <head> и </head> — ограничивают заголовок;

• тэги <body>... </body> — ограничивают текст программы.

В заголовке, ограниченном тэгами <head> и </head>, с помо­щью тэгов <title>...</title> определяется название документа, ко­торое должно отражать его содержание и включать в себя не более шести слов. Это название отображается броузерами в строке заго­ловка рабочего окна программы, и поисковые системы броузеров идентифицируют документ, используя его название.

Кроме элемента <title>... </title>, заголовок может содержать эле­менты <meta>...</meta> (например, <meta name = «GENERATOR» content=«Cerg Ivanov»>) для указания информации о нем. Откры­вающий тэг <meta> включает в себя пару имя = значение, описы­вающую свойства документа, например авторство, список клю­чевых слов и т. д. Эти данные используются также поисковыми серверами при индексации документов.

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

Комментарии игнорируются броузером и не влияют на пред­ставление документа на экране. В отличие от программирования на универсальных языках, когда наличие комментария является знаком хорошего стиля, при написании кода HTML коммента­рии желательно использовать как можно реже. Это объясняется


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

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

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

Итак, назначение языка HTML состоит в специальном форма­лизованном описании Web-документа (страницы, сайта) для пе­редачи в сеть и последующего просмотра с помощью программ-броузеров. Из этого следует, что для создания Web-документов необходимо иметь текстовый редактор, например, Блокнот (No­tepad) для создания HTML-файла и программу-броузер, напри­мер, Internet Explorer или Netscape Communicator для просмотра результатов проектирования. Причем для просмотра Web-докумен­тов лучше иметь различные броузеры, так как многие элементы HTML по-разному отображаются в разных программах просмотра и поэтому желательно контролировать эту разницу.


Дата добавления: 2015-07-20; просмотров: 195 | Нарушение авторских прав


Читайте в этой же книге: Глава 13 | Теоретические основы систем автоматического проектирования | ТЕХНОЛОГИЯ АВТОМАТИЗИРОВАННОГО ПРОЕКТИРОВАНИЯ В СИСТЕМЕ AUTOCAD | Методология объектного проектирования | Основные команды AutoCAD | Настройка рабочей среды AutoCAD | Трехмерная графика | Последовательность разработки чертежей | Создание исходных баз данных | Области эффективного применения Internet-технологий |
<== предыдущая страница | следующая страница ==>
Общие сведения о языке HTML| Обзор команд языка HTML

mybiblioteka.su - 2015-2024 год. (0.009 сек.)