Создание документов HTML (FORMAT)

Посмотреть архив целиком


Лицей №23











Реферат



по информатике на тему:


«Создание документов HTML»









Выполнил: Стародворский С.А.

11 «Б» класс










Калининград 1999 г.


Содержание



  1. Подготовка к созданию Web документа.


  1. Цель и место размещения документа Web



  1. Язык гипертекстовой разметки.


  1. Структура текста Web документа

  2. Гипертекстовые ссылки

  3. Редакторы Web документов



  1. Создание документов в стандарте HTML


  1. Заголовки

  2. Форматирование, изменение стилей

  3. Списки





























1.1. Цель и место размещения документа Web


Глобальная Сеть не только соединила пользователей всего мира, но и утвердилась в виде новых технологий на наших персональных компьютерах. Действительно, пользователь, который приобрел и установил на своей машине Microsoft Office 97, становится обладателем Internet-технологии в готовом виде, независимо от того, подключен его компьютер к Сети или нет.

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

В результате работа многих пользователей стала иметь большее отношение к Сети, чем они того сами, может быть желали. Так, одним из способов самовыражения стало размещение личных страничек в Internet. Многие коммерческие фирмы стали использовать Сеть для рекламы и сбыта своей продукции. Людям, занятым поиском работы, стал доступен и такой сервис: составить резюме в формате Web-страницы и разместить эту информацию в Сети. Существует огромный список серверов, дающих пространство для размещения вашей станицы в глобальной сети, однако при виртуальном подписании договора между двумя сторонами, оговаривается тот факт, что Вы не имеете права использовать ваш сайт в рекламных целях, а также вставлять в него чужую рекламу (условия и услуги на всех серверах разные). Наиболее популярными являются Geocities, Chat.ru, Fortunecity и другие.

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


1.2. Сценарий и структура Web-документа.

Для того, чтобы понять структуру и сценарий Web-документа, мы должны рассмотреть несколько Web-страниц и выявить общие элементы.

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

Итак, рассмотрим основные теги, входящие в каждый Web-документ. Прежде всего это

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

Также основным тегом является

Область заголовка Web-страницы. Иными словами, ее первая часть. Так же как и HTML, HEAD служит только для формирования общей структуры документа.

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

Без этих тегов невозможно создать ни одну Web-cтраницу. Более подробно эти и другие теги мы рассмотрим в параграфе 2.1.



2.1. Структура текста Web-документа


Если сравнить исходные тексты различных Web-страниц, можно легко увидеть сходство их структур. Это объясняется тем, что документы создаются по определенным правилам. В основу синтаксиса языка HTML лег стандарт ISO 8879:1986 «Information processing. Text and office systems. Standard Generalized Markup Language (SGML)». Правда, существует большое различие между стандартом официальным и стандартом фактическим.

Ниже приведен шаблон типичного Web-документа. На его примере мы рассмотрим общие принципы построения HTML-страниц.

Для того чтобы понять структуру Web-страницы, нам необходимо подробно рассмотреть все элементы, входящие в приведенный листинг.

Комментарий к документу

</i></span></font></font><font face="Courier New, monospace"><font size="3" class="CL_12"><i> Структура </i></font></font><font face="Courier New, monospace"><font size="3" class="CL_12"><span lang="en-US"><i>Web-</i></span></font></font><font face="Courier New, monospace"><font size="3" class="CL_12"><i>страницы</i></font></font><font face="Courier New, monospace"><font size="3" class="CL_12"><span lang="en-US"><i>

name=’’Author’’

content=’’Irina’’>

name=’’Keywords’’

content=’’WWW, HTML, document, element’’>

Переход в конец документа

Переход к ссылке 1


Заголовок1

Заголовок2

Заголовок3

Заголовок4

Заголовок5

Заголовок6


Здесь расположена ссылка 1


Здесь должен располагаться оригинальный текст Web-страницы


Переход в начало документа


Текст комментария. В любом языке программирования есть конструкции, позволяющие создавать произвольные ремарки. HTML в этом смысле - не исключение. Текст, помещенный внутри COMMENT, игнорируется броузером1. COMMENT может располагаться в любом месте кода Web-страницы. Без конечного тега2, здесь по-видимому не обойтись: комментарий должен быть отделен от основного текста.

Существует, правда, одно ограничение: внутри комментария не должны располагаться другие элементы3. Так должно быть, разумеется, только в том случае когда необходимо, чтобы все содержимое элемента COMMENT не отображалось на экране монитора. Если в комментарии будет присутствовать другой элемент, то его содержимое будет выведено на экран, отформатированное соответствующим образом. С этой проблемой связана другая, похожая: обычный текст не может содержать фрагменты, имеющие вид тегов. Для того чтобы включать в текст подобные конструкции, существует элемент PLAINTEXT, о котором речь пойдет ниже.

Существует и другой способ обозначения комментария. Он заключается в использовании восклицательного знака и обрамлении текста комментария двойным тире. Например:




Чтобы не видеть здесь видео-рекламу достаточно стать зарегистрированным пользователем.
Чтобы не видеть никакую рекламу на сайте, нужно стать VIP-пользователем.
Это можно сделать совершенно бесплатно. Читайте подробности тут.