Студопедия

КАТЕГОРИИ:

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


С чего начинается работа




На самом деле одной строкой дело не обходится. После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера <HTML>. Необходимо отметить, что любой HTML-документ открывется тегом <HTML> и им же закрывается.

Затем, между тегами <HTML> и </HTML> следует разместить заголовок и тело документа. Вот и все! Начало положено – вы получили прекрасную заготовку. Вот как должен выглядеть ваш базовый HTML-файл перед началом работы:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>

Если приведенный выше пример пояснить схематически, получится следующее:

Из схемы видно, что документ состоит из двух основных блоков – "заголовка" и "тела документа". Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY.

Заголовок содержит "техническую" информацию о документе, хотя чаще всего используется только для обозначения его названия (см. элемент TITLE).

Тело документа – святая святых. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы. Соответственно, делаем вывод: большинство ваших HTML-экспериментов будет проводиться в пространстве между тегами <BODY> и </BODY>

 

 

Базовые дескрипторы
Тип документа <HTML></HTML> начало и конец файла
Имя документа <TITLE></TITLE> должно быть в заголовке
Шапка локумента <HEAD> </HEAD> описание документа
Тело документа <BODY></BODY> содержимое страницы
Тег, те́ги (иногда тэг[1], англ. tag, читается /tæg/) в SGML (в HTML, WML, AmigaGuide, языках семейства XML) — элемент языка разметки гипертекста. Более правильное название —дескриптор.[2][3][4][5] Например, текст википедии, заключенный между начальным тегом <small>и конечным тегом </small> (от англ. small маленький) предписывает отображать его меньше основного текста. В XML тег является элементом документа, а текст, содержащийся между начальным и конечным тегом — содержанием элемента. Синтаксис тегов Используют либо только два тега — открывающий, или начальный, и закрывающий, или конечный, или еще дополнительно в зависимости от реализации языка возможно применениеодиночного тега и тега пустого элемента. Например, тег отступа абзаца может оформлять абзац между <p> </p>, а может в одиночной форме до следующего первого попавшегося <p> Пример пустого элемента: <HR></HR> - разрыв текста без сохранения отступов, но вы можете использовать специальную форму записи тега, используя меньшее число символов: <HR/> Набор и рекомендуемые интерпретации тегов определены организацией W3C. В SGML можно назначать другие символы для обрамления тега (например, фигурные скобки), но в некоторых подмножествах этого языка (например, HTML) и XML такая возможность отсутствует. Кроме того, существуют разные системы языков-подмножеств, которые используются, с меньшими возможностями, например на веб-форумах и досках объявлений используется язык разметки BBCode, теги которого ограничиваются символами квадратных скобок: [ ]. Например, [url="http://ru.wikipedia.org"]Русская Википедия[/url] — ссылка на языке BBCode, указывающая на страницу русской Википедии. Структура HTML документов Понятие тэга и элемента Границы документа Заголовок документа Название документа Тело документа Атрибуты элемента BODY Включение комментариев Элемент ADDRESS Понятие тэга и элемента HTML - это язык тэгов. Тэг (дескриптор) - специальный код, вставляемый в текст для форматирования элементов HTML-документа. Это основной элемент кодирования, принятый в стандарте HTML. Тэг заключаются в угловые скобки <>. Например тэгом абзаца является <P>, а тэгом горизонтальной линии - <HR>. Существует два типа тэгов: контейнеры и одиночные тэги. Контейнер. Это дескрипторная пара, состоящая из начального (или открывающего) и конечного (или закрывающего) тэгов. Начальный тэг имеет вид <TAG>, где TAG - это имя реального HTML - тэга. Конечный тэг имеет вид </TAG>. Контейнеры предназначены для хранения некоторой информации, например текста или других HTML - тэгов. Поэтому между начальным и конечным тэгами заключено содержимое контейнера. Например, элемент, представляющий собой отформатированный текст, заключается между тэгами <PRE> и </PRE>. Пустой дескриптор. Отличается от контейнера тем, что не содержит никакой информации. У него есть только начальный тэг. Пустой дескриптор обычно выполняет самостоятельную задачу, не связанную с конкретным текстом. Например, тэг <HR> создаёт горизонтальную линию. ЭлементHTML - документа - это начальный и конечный тэги контейнера вместе с заключённым между ними содержимым. Элементом может быть изображение, фрагмент текста, форма, таблица, список, ссылка, текстовое поле, кнопка и даже заголовок документа или его основная часть (тело). Замечание: Язык HTML не чувствителен к регистру. Тэги могут набираться как прописными, так и строчными буквами, т.е. команда <title> эквивалентна команде <TITLE> или <TiTlE>. Не все тэги поддерживаются всеми браузерами. Если браузер не поддерживает тэг, он его просто игнорирует. Границы документа Самым главным из тэгов HTML является одноименный тэг <HTML>. Он должен всегда открывать документ, также как тэг</HTML> должен обязательно стоять в последней его строке. Эти тэги означают, что находящиеся между ними строки представляют собой единый HTML документ. Это важно, так как сам по себе документ является обычным текстовым файломASCII. Без этих тэгов браузер или другая программа просмотра не в состоянии идентифицировать формат документа и правильно его интерпретировать. Заголовок документа Заголовок документа не является обязательным элементом, однако хорошо составленный заголовок может быть весьма полезен. Задачей заголовка документа является предоставление информации для программы, интерпретирующей документ. Элементы, находящиеся внутри раздела HEAD (кроме названия документа, записываемого в разделе TITLE), не видны на экране.Элементы, содержащиеся внутри раздела HEAD документа, нужны для того, чтобы: • Дать документу название • Определить отношения между несколькими документами • Дать указание браузеру создать форму для поиска • Определить метод посылки специальных сообщений определенному браузеру или другой программе просмотра Раздел HEAD открывается тэгом <HEAD>. Обычно этот тэг следует сразу же за тэгом <HTML>. Закрывающий тэг </HEAD>показывает конец этого раздела. Между упомянутыми тэгами располагаются остальные тэги раздела заголовка документа. Название документа Раздел TITLE является единственным обязательным элементом заголовка документа и служит для того, чтобы дать документу название. Оно обычно показывается в заголовке окна браузера. Содержимое раздела TITLE нельзя путать с названием файла документа. Оно представляет собой текстовую строку, совершенно не зависящую от имени и местоположения файла. Имя же файла жестко определяется операционной системой того компьютера, на котором храниться. Название документа записывается между тэгами <TITLE> и </TITLE> и представляет собой текстовую строку. Не следует заключать его в кавычки, если вы хотите, чтобы на экране их тоже не было. В большинстве случаев раздел TITLE занимает не более одной строки. В принципе название может иметь любую длину и содержать любые символы, кроме некоторых зарезервированных. На практике лучше ограничиться одной строкой, имея в виду, что название появляется в заголовке окна браузера. Также следует помнить о том, что останется от названия документа при сворачивании окна браузера. Поэтому надо стараться поместить наиболее важные слова в начало названия. Тело документа Хотя в WWW и наметилась тенденция к увеличению “активного” содержания, большинству читателей все же интересна текстовая часть страниц. Поэтому независимо от того пишется ли новый текст или конвертируется старый, процесс работы над телом документа отнимает немалое количество времени. Прежде чем приступить к наполнению документа содержанием, есть смысл изготовить его “каркас”. HTML - документ должен содержать некоторые обязательные элементы, без которых он не будет правильно интерпретирован. Пример простейшего шаблона приведен в листинге. <HTML> <HEAD> <TITLE>This is an example document</TITLE> </HEAD> <BODY> Enter body text here </BODY> </HTML> Шаблон открывается тэгом <HTML>, который, как мы уже знаем, необходим для каждого HTML - документа. Следующим идет тэг <HEAD>,начинающий заголовок документа. Заголовок содержит элемент TITLE, вводящий название документа, в нашем случае “This is an example document”. Заголовок закрывается тэгом </HEAD>. Далее идет тэг <BODY>, после которого помещается текст (тело) документа. Тэг </BODY> означает конец тела, а тэг </HTML> - конец всего документа.    

Поделиться:

Дата добавления: 2014-12-30; просмотров: 101; Мы поможем в написании вашей работы!; Нарушение авторских прав





lektsii.com - Лекции.Ком - 2014-2024 год. (0.007 сек.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав
Главная страница Случайная страница Контакты