Создание разметки для HTML-страницы
Автор: h_i_3_i • Февраль 13, 2026 • Лабораторная работа • 1,627 Слов (7 Страниц) • 14 Просмотры
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ АВТОНОМНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«БЕЛГОРОДСКИЙ ГОСУДАРСТВЕННЫЙ НАЦИОНАЛЬНЫЙ
ИССЛЕДОВАТЕЛЬСКИЙ УНИВЕРСИТЕТ»
(НИУ «БелГУ»)
ИНСТИТУТ ИНЖЕНЕРНЫХ И ЦИФРОВЫХ ТЕХНОЛОГИЙ
Кафедра прикладной информатики и информационных технологий
Отчет
по дисциплине «Web-программирование»
специальности 09.03.03. Прикладная информатика
профиль «Прикладная информатика в экономике»
Лабораторная работа №1
по теме
«Создание разметки для HTML-страницы»
студентки очного отделения
3 курса 12002306 группы
Пономаревой Екатерины Витальевны
(Фамилия, имя, отчество)
Проверила:
Ст.пр. Лысакова Татьяна Алексеевна
(Ученая степень, звание, фамилия, инициалы)
БЕЛГОРОД, 2025
Цель работы: создать Web-страницу в соответствии с заданиями и применить разметку средствами языка HTML.
Тема для индивидуального задания: HTML-страница библиотеки.
При выполнении индивидуального задания у вас обязательно должны быть:
- общая структура html-страницы
- нумерованный или ненумерованный список
- таблица с любым расположением заголовочных ячеек
- Несколько блоков (минимум 3) под различные цели (если это новостной сайт, то блок под новости и т.п.)
- Минимум одна картинка
- 1 или более добавленных «якорей»
- Любой непарный тег
- «подвал»
- Всё это должно быть связано с темой индивидуального задания
[pic 1]
[pic 2]
[pic 3]
[pic 4]
Код на HTML:
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Цифровая библиотека "Мост в другие миры"</title>
</head>
<body>
<!-- Шапка сайта -->
<header>
<h1>Цифровая библиотека "Мост в другие миры"</h1>
<img src="https://www.ucc.ie/en/media/staffwebsites/lgbtnetwork/library-banner-img.jpg" alt="Баннер библиотеки" width="100%">
</header>
<nav>
<ul>
<li>Новые поступления</li>
<li>Популярные книги</li>
<li>Категории</li>
<li>Контакты</li>
</ul>
</nav>
<h2>Новые поступления</h2>
<p>Свежие пополнения нашей библиотечной коллекции:</p>
<table border="1" cellpadding="10" cellspacing="0">
<tr>
<th>Название книги</th>
<th>Автор</th>
<th>Год издания</th>
<th>Жанр</th>
</tr>
<tr>
<td>Методы и алгоритмы вычислений на строках</td>
<td>Б. Смит</td>
<td>2006</td>
<td>Программирование</td>
...