Министерство образования РФ
Сибирский государственный технологический университет
Подготовка гипертекстовых документов. HTML
Лабораторный практикум
Красноярск 2002
Министерство образования РФ
Сибирский государственный технологический университет
Подготовка гипертекстовых документов. HTML
Теоретический материал для выполнения лабораторного практикума
Красноярск 2002
Подготовка гипертекстовых документов HTML. Лабораторный практикум для студентов обучающихся на дневном и заочном отделениях по направлению подготовки 657900 – «Автоматизированные технологии и производства», а также специальности 22.04. и соответствует требованиям Государственного образовательного стандарта высшего и среднего образования для данных направлений в ходящих в курс дисциплин «Информатика».
Подготовка гипертекстовых документов HTML. Теоретический материал для выполнения лабораторного практикума. Разработан для студентов обучающихся на дневном и заочном отделениях по направлению подготовки 657900 – «Автоматизированные технологии и производства», а также специальности 22.04. и соответствует требованиям Государственного образовательного стандарта высшего и среднего образования для данных направлений в ходящих в курс дисциплин «Информатика».
Введение
HTML расширение языка SGML (Standart General Markup Language — стандартный язык разметки), глобального стандарта описания языков разметки гипертекста. SGML одобрен ISO (International Organization for Standartization — Международная организация по стандартизации) в 1986 г. и является стандартом для многих государственных и коммерческих систем создания документов. Документы SGML не «привязаны» к какой-нибудь программе, операционной системе и т. п. Файлы HTML состоят из команд форматирования, текста и ссылок на другие файлы или объекты (графика, звуки, программы). Программа для просмотра HTML-документов (броузер) интерпретирует код HTML, содержащийся в файле, и согласно командам форматирования собирает готовую Web-страничку.
Основа WWW — файлы в формате HTML, иначе говоря - гипертекстовые страницы. Гипертекст — это легкая в использовании и чрезвычайно мощная система связанных слов и фраз, позволяющая легко перемещаться по страницам организованным особым образом. Если в гипертекст включить графику, видео и звук, мы получим гипермедиа. Гипермедиа — среда, основанная, как и гипертекст, на взаимосвязях, в которой в качестве гиперссылок могут выступать визуальные и аудио компоненты. Гипертекст и гипермедиа являются фундаментальными для WWW технологиями, а HTML — средство для работы с этими технологиями.
HTML файлы - обычный текст: вы можете просмотреть исходный код файла в любом текстовом редакторе, включая Блокнот Windows. В этом случае вы увидите не web-страничку, а лишь текст в сочетании с метками HTML, из которых программа-броузер ее генерирует. Вносить изменения в HTML-файлы, можно используя любой текстовый редактор.
В WWW существует негласное правило, согласно которому первый файл, загружаемый броузером с какого-либо сервера по умолчанию, должен называться index.html. Таким образом, если вы явно не указываете имя документа, который вам требуется, а пишете только имя сервера, например www.yahoo.com, автоматически будет загружен файл index.html, находящийся на этом сервере, т. е. фактически будет выполнена команда http://www.yahoo.com/index.html.
От автора
Вполне вероятно, что читая данные страницы вам не все будет непонятно. В любом случае хочу обрадовать вас: учить наизусть спецификации тегов и атрибутов вам не придется в любом случае. Достаточно понять, что они обозначают. При этом, я хочу обратить ваше внимание на то, что теоретическое изучение HTML почти бесполезно. Начинайте работу, и необходимые знания придут к вам в процессе
С труктура html документов
<HTML>
<HEAD>
</head>
<BODY>
</body>
</html>
HTML-файл состоит из двух основных частей: «головы» (заголовка) и «тела». «Тело» HTML-документа заключает в себе все информативное содержание, тогда как в заголовке указывается тип документа, его кодировка, язык, имя автора и прочая дополнительная информация. Тело документа отделяется от заголовка с помощью меток (дескрипторов, тегов) HTML.
Метка языка HTML, или тег (англ. tag), или дескриптор, является основным средством разметки документа. При написании теги отделяются от остального текста угловыми скобками: «<» и «>». Регистр символов при этом также не имеет никакого значения, но хорошим тоном считается набор тегов в верхнем регистре, т. е. заглавными буквами. Это помогает визуально отделить теги от основного текста при последующем редактировании.
Существует два вида тегов: требующие закрытия (т. е. ограничения действия) и не требующие закрытия. Например, тег <I> (изменяющий начертание шрифта на наклонное) является тегом требующим закрытия, т. к. если он не будет закрыт, то весь текст, следующий после него, будет наклонным. Закрывающим элементом всегда служит тот же самый тег, но со знаком «/» после первой угловой скобки. Для имен тегов можно использовать как прописные, так и строчные буквы латинского алфавита. Для облегчения понимания исходного текста Web-страницы часто начальные теги записывают прописными буквами, а конечные теги – строчными.
Пример:
<I>Этот текст будет отображаться как наклонный.</i >
При закрытии тегов необходимо руководствоваться следующим правилом — если один закрывающий тег вложен внутрь второго, первым необходимо закрывать вложенный тег. Закрывающие теги должны идти в порядке, обратном открывающим.
Пример:
<I>Этот текст будет отображаться как наклонный.<U>А этот, как наклонный и подчеркнутый. </u></i>
В начальных тегах могут присутствовать установки уточняющие действия тега. Установки называются – атрибутами тегов. В одном теге могут быть одновременно заданы значения нескольких атрибутов. Действия атрибутов ограниченно областью действия тега. Для каждого тега имеются определенный набор тегов и допустимых значений для них.
Пример:
<BODY bgcolor=”silver” text=”blue”>На серебристом фоне весь текст документа отображается синим цветом </body>