Создание простой HTML-страницы с гиперссылками

Министерство науки и высшего образования Российской Федерации

Федеральное государственное бюджетное образовательное учреждение

высшего образования

ТОМСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ СИСТЕМ

УПРАВЛЕНИЯ И РАДИОЭЛЕКТРОНИКИ (ТУСУР)

Лабораторная работа № 1

по дисциплине «ТЕХНОЛОГИЯ СОЗДАНИЯ ИНТЕРНЕТ-ПРИЛОЖЕНИЙ»

на тему «Создание простой HTML-страницы с гиперссылками»

Выполнил студент:

 специальности 27.03.04

Жуков Сергей Андреевич

2022 год

Содержание

Задание        3

Решение……………………………………………………………………...3-6

Листинг программы ……………………………………………...………...6-7

Заключение         8

Задание

Цель работы: практическая работа по созданию простой HTML-страницы с гиперссылками. Используемое методическое и программное обеспечение: учебное и учебно-методическое пособия, текстовый редактор Блокнот.

Задание на лабораторную работу №1

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

Решение

1. Создал на жёстком диске каталог, в котором вы намерены хранить все свои файлы страницы, например: C:\Users\admin\Desktop\MyWeb
2. Запустил текстовый редактор Блокнот.

3. Введите следующий текст, который будет являться заготовкой для ваших будущих страниц:

4. Сохранил этот документ под именем "welcome.htm".

5. Запустил любой броузер, например Internet Explorer, и загрузил этот файл. На экране будет пустое окно.

 6. Модифицировал этот файл следующим образом:

[pic 1]

[pic 2]

[pic 3]

7.Создадим гиперссылку с исходного якоря "о моей жизни". Для этого в файле "welcome.html" выполните следующие изменения: