Разработка Web-приложений. HTML

Разработка web-приложений. HTML

Лабораторный практикум

Министерство образования и науки Российской Федерации Балтийский государственный технический университет «Военмех» Институт систем управления и… Разработка web-приложений. HTML Лабораторный практикум

1. Создание простейшего Web-документа.

1.2.Создайте документ, содержащий следующий текст: <НТМL> <HEAD>

2. Приемы форматирования текста

2.2.Удалите весь текст, находящийся между тегами <BODY> и </BODY>. 2.3.Добавьте тег <BASEFONT size=5 color=brown>. Он задает вывод текста… 2.4.Введите произвольный абзац текста, который будет выводиться шрифтом, заданным по умолчанию. Начните этот абзац с…

3. Изучение приемов форматирования абзацев.

3.2.Удалите весь текст, находящийся между тегами <BODY> и </BODY>. 3.3.Введите заголовок первого уровня, заключив его между тегами <Н1> и… 3.4.Введите заголовок второго уровня, заключив его между тегами <Н2> и </Н2>.

4. Создание списков

4.2.Удалите весь текст, находящийся между тегами <BODY> и </BODY>. 4.3.Вставьте в документ тег <OL type=I>, который начинает нуме­рованный… 4.4.Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.

5. Исследование методов создания абзацного отступа в документах HTML

5.2.Введите небольшой абзац текста, который будет использоваться как эталон. Сохраните документ. 5.3.Откройте созданный документ в браузере. Отрегулируйте ширину окна так,… 5.4.Вернитесь к редактированию документа. Разместите после эталонного абзаца горизонтальную линейку (тег <HR>).…

1. Создание гиперссылок

1.2.В теле документа напишите фразу «Текст до ссылки». 1.3.Создайте гиперссылку <А… 1.4.Введите фразу «Текст после ссылки».

2. Использование изображений на Web-странице

2.2.Введите тег <IMG src="…" align=bottom>, вместо многоточия укажите имя и расширение файла, содержащего изображение. 2.3.Сохраните документ под именем picture.htm. 2.4.Откройте этот файл с помощью одного из браузеров. Посмотрите на получившийся документ, обращая особое внимание на…

3. Создание карты изображений

3.2.Введите следующий текст <IMG src="C:Documents and SettingsAll UsersДокументыМои… <MAP name=map1>

1. Создание таблиц

1.2.Введите тег <TABLE border=10 width=70% align=center> 1.3.Введите строку

1. Создание формы

<HTML> <HEAD> <TITLE>Форма</TITLE>

2. Создание фреймов

<HTML> <HEAD> <TITLE>Описание фреймов</TITLE>

Разработка Web-приложений. HTML

 

Составители: Бузюкина Ольга Александровна, Палехов Роман Борисович

 

Редактор Г. М. Звягина

Подписано в печать __.__.2006. Формат 60х84/16.

Бумага документная. Печать трафаретная. Усл. печ. л. ___ .

Уч.-изд. л. ____. Тираж ____ экз. Заказ № ____

Балтийский государственный технический университет

Типография БГТУ

190005, С.-Петербург, 1-я Красноармейская ул., д.1