М
ИНИСТЕРСТВО
ОБРАЗОВАНИЯ И НАУКИ УКРАИНЫ
Севастопольский национальный технический университет
Методические указания
к выполнению лабораторной работы
”Разработка простейшей Web-страницы
с помощью языка HTML”
по учебной дисциплине
«Компьютерные сети и телекоммуникации»
для студентов направления подготовки
«Менеджмент»
Севастополь
2008
УДК 658.
Разработка простейшей WEB-страницы с помощью языка HTML.
Методические указания по выполнению лабораторной работы по дисциплине "Компьютерные сети и телекоммуникации" / Сост. Ю.Л. Явкун, Е.В. Козлова - Севастополь: Изд-во СевНТУ, 2008. - 11 с.
Целью методических указаний является применение теоретических знаний по теме "Разработка простейшей WEB-страницы с помощью языка HTML" в рамках курса «Компьютерные сети и телекоммуникации». Методические указания предназначены для студентов дневной формы обучения по направлению подготовки «Менеджмент».
Методические указания рассмотрены и утверждены на заседании кафедры менеджмента и экономико-математических методов, (протокол № __ от "___" _________ 2008 г.)
Допущено учебно-методическим центром СевНТУ в качестве методических указаний
Рецензенты:
Цуканов А.В, д.т.н., заведующий кафедрой "Менеджмент и экономико-математические методы"
Содержание
1 КРАТКИЕ СВЕДЕНИЯ О HTML 4
2 КАК УСТРОЕН HTML-ДОКУМЕНТ 4
3 ОБЯЗАТЕЛЬНЫЕ МЕТКИ 6
4 СВЯЗЫВАНИЕ 7
5 ИЗОБРАЖЕНИЯ В HTML-ДОКУМЕНТЕ 10
6 ЗАДАНИЕ 11
1 Краткие сведения о html
Термин HTML (HyperText Markup Language) означает "язык разметки гипертекста". Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.
Со времени создания первой версии HTML претерпел некоторые изменения. Как и многое другое в компьютерном мире, версии, или спецификации, HTML имеют порядковые номера. Известны спецификации 2.0, 3.0, 3.2, 4. Текущую спецификацию HTML всегда можно найти на сервере W3C (http://www.w3.org/).
2 Как устроен html-документ
HTML-документ - это просто текстовый файл с расширением *.htm (*.html). Вот самый простой HTML-документ:
<html>
<head>
<title>
Пример 1
</title>
</head>
<body>
<H1>
Привет!
</H1>
<P>
Это простейший пример HTML-документа.
</P>
<P>
Этот *.htm-файл может быть одновременно открыт и в Notepad,
и в Microsoft Internet Explorer (MS IE). Сохранив изменения
в Notepad, просто нажмите кнопку Reload ('перезагрузить')
в MS IE, чтобы увидеть эти изменения реализованными
в HTML-документе.
</P>
</body>
</html>
Для удобства чтения здесь введены дополнительные отступы, однако в HTML это совсем не обязательно. Более того, браузеры просто игнорируют символы конца строки и множественные пробелы в HTML-файлах. Поэтому наш пример вполне мог бы выглядеть и вот так:
<html>
<head>
<title>Пример 1</title>
</head>
<body>
<H1>Привет!</H1>
<P>Это простейший пример HTML-документа.</P>
<P>
Этот *.htm-файл может быть одновременно открыт и в Notepad,
и в Microsoft Internet Explorer (MS IE). Сохранив изменения
в Notepad, просто нажмите кнопку Reload ('перезагрузить')
в MS IE, чтобы увидеть эти изменения реализованными
в HTML-документе.
</P>
</body>
</html>
Или даже так:
<html><head><title>Пример 1</title></head><body><H1>Привет!</H1>
<P>Это простейший пример HTML-документа.</P><P>Этот *.htm-файл
может быть одновременно открыт и в Notepad, и в Microsoft Internet
Explorer (MS IE). Сохранив изменения в Notepad, просто нажмите
кнопку Reload ('перезагрузить') в MS IE, чтобы увидеть эти
изменения реализованными в HTML-документе.</P></body></html>
Вся информация о форматировании документа сосредоточена в его служебных конструкциях, заключенных между знаками "<" и ">". Такая конструкция (например, <html>) называется меткой или тэгом (tag).
Большинство HTML-тэгов - парные, то есть на каждый открывающий тэг вида <tag> есть закрывающая метка вида </tag> с тем же именем, но с добавлением "/".
Метки можно вводить как большими, так и маленькими буквами. Например, метки <body>, <BODY> и <Body> будут восприняты программой-обозревателем одинаково.
Многие метки, помимо имени, могут содержать атрибуты - элементы, дающие дополнительную информацию о том, как браузер должен обработать текущую метку. В нашем простейшем документе, однако, нет ни одного атрибута. Но, например, тэг <body>, записанный с атрибутом <body bgcolor=”yellow”>, предпишет браузеру отображать желтым фон документа.