Вы находитесь на странице: 1из 6

Министерство образования и науки Кыргызской Республики

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


им. И. Раззакова
Институт информационных технологий
Кафедра «Программное обеспечение компьютерных систем»

Направление: 710400 «Программная инженерия»


Дисциплина: «Web-программирование (Java)»

Отчет
По лабораторной работе № 1
Тема: «Создание web страницы с помощью HTML»

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


ПИ(б)-4-22 Аллабердиев Эрбол
Проверила: Сарыпбекова Ж.Р.

Бишкек – 2023
Цель работы
Ознакомление с понятиями гипертекстовой разметки HTML, теги, ссылки,
HTML-документ.
Задание 1
Разработайте Web-страницы, рассказывающие о вас. На головной странице
разместите рассказ о себе. Рассказы о группе разместите на отдельных Web-
страницах, при этом можете попросить своих товарищей дать или
информацию о себе или дать вам готовые их веб-страницы. Укажите ссылки
на страницы о студентах с Web-странице группы, а ссылку на нее приведите
на своей страницы. Не забудьте разместить ссылки возврата на головную
страницу. При разработке страниц использовать все изученные теги.
Код моей Web-Страницы

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Моя автобиография</title>
<style>
body {
font-family: Arial, sans-serif;
padding: 20px;
background-color: #f2f2f2;
}
h1 {
text-align: center;
color: #333;
margin-top: 50px;
}
.profile-picture {
display: block;
margin: 0 auto;
border-radius: 50%;
width: 200px;
height: 200px;
}
.bio {
text-align: center;
margin-top: 20px;
color: #555;
}
.details {
margin: 50px auto;
width: 80%;
text-align: left;
color: #333;
}
.details h2 {
margin-bottom: 20px;
}
.details p {
margin-bottom: 20px;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>My Autobiography</h1>
<img class="profile-picture"
src="https://st2.depositphotos.com/1058621/42254/i/450/depositphotos_422547866-stock-photo-
autobiography-word-written-typewriter.jpg" alt="Мое фото">
<div class="bio">
<p>[Привет, меня зовут Эрбол и в этой странице я хочу рассказать немного о
себе.]</p>
</div>
<div class="details">
<h2>Ранний период жизни</h2>
<p>
Я,Аллабердиев Эрбол Аксуубаевич,родился 22го февраля 2005 года в г.Каракол.
Кыргыз.<br>
1 сентября 2011 года поступил в 1-й класс средней школы имени К.Токоева г.Каракол,
которую я окончил в 2022 году.<br>
В настоящее время учусь в Политехническом университете и проживаю в городе
бишкек.<br>
У меня двое старших сестер, самую старшую зовут Наргиза(замужем), среднюю Айзада,
студентка 3-го курса, Маму зовут Роза, Папу Аксуубай.
</p>
<h2>Увлечения</h2>
<p>
Я люблю смотреть и играть в футбол, моя любимая команда в профессиональном
футболе это "Manchester city".<br>
Также люблю смотреть фильмы и аниме, Любимый фильм- "Гари Поттер (все
части)", Любимое аниме- "Ван Пис".
</p>
</div>
<h2>Контакты для связи</h2>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12">
<p>Телефон: +996 (707)-22-20-05</p>
<p>Почта: <a href="mailto:
allaberdieverbol@gmail.com">allaberdieverbol@gmail.com</a></p>
<p>Инстаграм: <a href="https://instagram.com/ell.rww?
igshid=YmMyMTA2M2Y=">@ell.rww</a></p>
</div>
</div>
</div>
</body>
</html>
Результат:

Задание №2
Сделать таблицу с расписанием на html.

Код:

<!DOCTYPE html>
<html>
<head>
<title>Расписание занятий</title>
<meta charset="utf-8">
</head>
<body text="black"
bgcolor="#FFF8DC">
<h2 align="center">Расписание занятий ПИ-4-22</h2>
<table border="4" height="600px">
<tr>
<th>Пара</th>
<th>Понедельник</th>
<th>Вторник</th>
<th>Среда</th>
<th>Четверг</th>
<th>Пятница</th>
</tr>
<tr>
<td>8:00-9:20</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>Лб.2/226 Функционально-Ориентированное Проектирование</td>
</tr>
<tr>
<td>9:30-10:50</td>
<td></td>
<td>Лб.Проектирование ПО 1</td>
<td></td>
<td>Лб.1/152а Структуры и алгоритмы обработки данных</td>
<td>Лб.2/226 Функционально-Ориентированное Проектирование</td>
</tr>
<tr>
<td>11:00-12:20</td>
<td></td><td>Лб.Проектирование ПО1</td>
<td></td>
<td>Лб.1/152а Структуры и алгоритмы обработки данных</td>
<td>Лб.1/152а Основы коммуникации</td>
</tr>
<tr>
<td>13:00-14:20</td>
<td></td>
<td>Пр.Кыргызский язык</td>
<td>Пр.2/413 Физическая культура</td>
<td>Лк.2/613 Манасоведение</td>
<td>Лб.1/152а Основы коммуникации</td>
</tr>
<tr>
<td>14:30-15:50</td>
<td>Пр.2/413 Физическая культура</td>
<td></td>
<td>Лб.1/152 Web-Программирование (java)</td>
<td>Пр.2/612 Манасоведение</td>
<td>Лб.1/152 Web-Программирование (java)</td>
</tr>
<tr>
<td>16:00-17:20</td>
<td>Лб.1/152 Основы коммуникации</td>
<td></td>
<td>Лб.1/152 Web-Программирование (java)</td>
<td></td><td>Лб.1/152 Web-Программирование (java)</td>
</tr>
</table>
</body>
</html>
Результат:

Вам также может понравиться