Основные элементы языка

ЛАБОРАТОРНАЯ РАБОТА № 3

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

Цель работы: Ознакомится с языком разметки документов в формате HTML и создать простую WEB-страницу.

HTML - это H yper T ext M arkup L anguage - язык разметки гипертекста.

HTML документы - это файлы в обычном (также известный как ASCII) текстовом формате, который может создаваться любым текстовым редактором (к примеру - NE, Лексикон, Emacs и др.). Пара просмотрщиков Web (tkWWW for X Window System и CERN's Web для компьютеров NeXT) включают простейшие HTML редакторы, позволяющие работать в стиле WYSIWYG. Сечас имеется несколько WYSIWIG редакторов (например HotMetal for Sun Sparcstations, HTML Edit for Macintoshes). Вы можете попробовать один из них перед тем, как разбираться в деталях HTML. Вы можете просматривать документы в процессе работы над ними используя, например, NCSA Mosaic. Откройте его, используя команду Open Local в меню File.

После редактирования HTML файла, сохраните изменения. Вернитесь в NCSA Mosaic и сделайте Reload (перегрузите) документ. Изменения отражаются на экране дисплея. Минимально возможный HTML документ

HTML использует термины гипертекста для информирования просмотрщика о способе вывода текста. Вышеприведенный пример использует:
<TITLE> tag (термин, пометка, описание элемента - будем использовать слово tag) (и соответствующий ему </TITLE> tag), которые определяют заголовок документа.
<H1>; tag заголовка (и соответствующий </H1>)
<P> tag - разделитель параграфов

HTML tag-и состоят из знака меньше (<), за ним следует имя tag-а и оканчивается знаком больше (>). Tag-и обычно парные, заключительный tag выглядит также, как и начальный за исключением slash'а (/), предшествующего тексту внутри скобок. Например: <H1> информирует просмотрщика о начале заголовка первого уровня </H1> говорит о том, что заголовок завершен.

Основным исключением из правила пар является <P> tag. Tag </P> не существует.

Замечение: HTML не различает больших и малых букв. <title> еквивалентно <TITLE> или <TiTlE>.

Не все tag-и поддерживаются всеми просмотрщиками WWW. Если просмотрщик не поддерживает tag, то он его игнорирует.

Основные элементы языка.

Каждый HTML документ должен иметь название. Оно обычно располагается отдельно от документа и используется преимущественно для идентификации документа (например, WAIS поиск). Можно обходиться полудюжиной слов для описания цели (сути) документа.

В версиях NCSA Mosaic для X Window System and Microsoft Windows, поле названия документа находится в верху экрана, прямо под строкой меню. В NCSA Mosaic for Macintosh, текст определенный, как <TITLE> появляется в заголовоке окна.

HTML имееет 6 уровней заголовков, пронумерованных от 1 до 6, где первый выделен наиболее сильно. Заголовки показываются фонтами типа Large или Bold чаще, чем применяемыми для обычногог текста. Первый заголовок каждого документа нужно обозначать <H1>. Синтаксис tag-а заголовка:

где y это число между 1-им и 6-ю, определяищими уровень заголовка.

Например, код для строки заголовка "Заголовок" определяется так:

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

В отличие от большинства текстовых процессоров, в HTML файлах разбиение на строки не принципиально. Переход на новую строку может произойти в любой точке Вашего файла, последовательные пробелы превращаются в один. (Есть пара исключений, например, пробел который следует за <P> или <Hy> tag, игнорируется.) Заметьте, что в нашем примере первый параграф записывается как:

В исходном файле между предложениями есть перевод строки. А Web просмотрщик игнорирует этот перевод строки и начинает новый параграф только когда достигается <P> tag.

Это важно: Вы должны отделять параграфы с помощью <P>. Просмотрщик игнорирует пробелы и пустые строки в исходном тексте. HTML почти всегда полагается на инструкции форматирования и без <P> tag-а весь документ становится одним большим параграфом. (Исключение составляет текст, определенный как "предформатированный", который описан ниже). Например:

будет давать тот же результат, что и наш первый пример.

Однако, чтобы сохранить читаемость HTML файлов, заголовки должны быть на различных строках и параграфы отделены пустой строкой (В дополнении к <P> tag-у). NCSA Mosaic берет <P> в конце текущего параграфа и вставляет пустую строку.

HTML+, развивает текущий стандарт HTML, где <P> становится "контейнером" текста, также как текст заголовков первого уровня ``содержится'' внутри <H1>... </H1>:

Вся разница заключается в том, что </P> заключительный tag может быть всегда пропущен. (То есть, если просмотрщик видит <P>, то он предполагает существование </P> в конце предыдущего параграфа.) Другими словами, в HTML+, <P> является указателем начала параграфа.

Преимуществом этого изменения в том, что Вы можете устанавливать параметры форматирования параграфа. Например, в HTML+, Вы можете отцентрировать параграф, определив:

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

Поиск по сайту: