Лабораторная работа № 7 «Создание простейших HTML страниц».

ВНИМАНИЕ

· Не выключайте компьютер после завершения работы.

· Прежде чем приступать к оформлению отчета, прочитайте работу целиком и попробуйте сначала выполнить ее, не создавая отчет. Это позволит вам не задавать лишних вопросов преподавателю.

· В процессе выполнения данной работы необходимо оформить отчет, который будет представлять собой несколько HTML страниц. Внимательно читайте работу. В тексте приведены задания для выполнения. Они выделены синим шрифтом. Затем необходимо выполнить самостоятельное задание.

 

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

Всемирная паутина World Wide Web (WWW) соткана из Web-страниц, которые создаются с помощью так называемого языка разметки гипертекста HTML (Hyper Text Markup Language). Хотя многие говорят о программировании на этом языке, HTML вовсе не является языком программирования в традиционном понимании. HTML — язык разметки документа. При разработке HTML-документа выполняется разметка текстового документа точно так же, как это делает редактор при помощи красного карандаша. Эти по­метки служат для указания формы представления информации, содержащейся в документе.

Особенность описания документа средствами языка HTML связана с принципиальной невозможностью достижения абсолютной точности воспроизведения исходного документа. Предполагается, что документ будет широко доступен в Интернете, и поэтому неизвестно, как будет организовано его воспроизведение. Документ может быть представлен на графическом экране, выведен в чисто текстовом виде или просто «прочитан» программой синтеза речи. Разметка HTML во всех этих случаях должна быть принята во внимание. Поэтому язык HTML предназначен не для форматирования документа, а для его функциональной разметки. Например, документы обычно начинаются с заголовков. Свойство части документа «быть заголовком» - это не особенность форматирования документа, а характеристика его содержания. Конкретное средство отображения документа (браузер) выбирает свой способ представления части документа, описанной как заголовок.

Управляющие конструкции языка HTML называются тегами и вставляются непосредственно в текст документа. Все теги заключаются в угловые скобки <…>.

Сразу после открывающей скобки помещается ключевое слово, определяющее тег, например <DIV>. Теги HTML бывают парными и непарными. Непарные теги оказывают воздействие на весь документ или определяют разовый эффект в месте своего появле­ния. При использовании парных тегов в документ добавляются открывающий и закрывающий теги, которые воздействуют на часть документа, заключенную между ними. Закрывающий тег отличается от открывающего наличием символа «/» (косая черта) перед ключевым словом (</DIV>). Закрытие парных тегов выполняется так, чтобы соблюдались правила вложения.

<В> <I> На этот текст воздействуют два тега</I> </В>

Тэги, которые нуждаются в соответствующих завершающих тэгах, на­зывают тэгами-контейнерами. Все, что записано между соответствующим открывающим и закрывающим тэгом, называется содержимым тэга-контейнера. Иногда завершающий тэг можно опускать. Например, для тэга, описывающего данные для ячейки таблицы <TD>, соответствующий закры­вающий тэг </TD> можно всегда опускать. Окончание данных для ячейки таблицы будет распознано по появлению очередного тэга <TD> или тэга окончания строки таблицы </TR>.

Есть ряд тэгов, для которых завершающие тэги опускаются большинством авторов документов. Примером может служить тэг элемента списка <LI> или тэг абзаца <P>. Современные браузеры во многих случаях правильно форма­тируют документы, если опущены некоторые завершающие тэги, однако такая практика не может быть рекомендована.

Эффект применения тега может видоизменяться путем добавления атрибутов. В парных тегах атрибуты добавляются только к открывающему тегу. Атрибуты представляют собой дополнительные ключевые слова, отделяемые от ключевого слова, определяющего тег, и от других атрибутов пробелами и размещаемые до завершающего тег символа ">". Способ применения некоторых атрибутов требует указания значения атрибута. Значение атрибута отделяется от ключевого слова атрибута символом «=» (знак равенства) и заключается в кавычки.

<Н1 ALIGN="LEFT>

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