Практическая работа Создай свою собственную веб-страницу. После заголовка «Личная страница» добавь короткий текст о себе и любое изображение. После заголовка «Что я умею» добавь…
Практическая работа Создай свою собственную веб-страницу. После заголовка «Личная страница» добавь короткий текст о себе и любое изображение. После заголовка «Что я умею» добавь нумерованный список как минимум из трёх пунктов, в котором перечислены твои умения. После заголовка «Как со мной связаться» добавь две ссылки, переход в одной из них по нажатию на текст, а во второй переход по нажатию на изображение. После каждого раздела добавь одиночный тег
. Когда закончишь свою работу добавь в конец этот комментарий: .
Для выполнения данной практической работы, необходимо создать HTML-файл, который будет содержать указанные элементы веб-страницы. Вот шаги и пример кода для выполнения задания:
Создаем HTML файл с расширением
.html(например,mypage.html) с помощью любого текстового редактора.Вставляем следующий код:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Личная страница</title>
</head>
<body>
<h1>Личная страница</h1>
<p>Привет! Меня зовут [ваше имя], я учусь создавать веб-страницы и обожаю программирование.</p>
<img src="your_image.jpg" alt="Your Image">
<hr>
<h2>Что я умею</h2>
<ol>
<li>Создание веб-страниц</li>
<li>Программирование на [указать язык программирования]</li>
<li>Дизайн пользовательских интерфейсов</li>
</ol>
<hr>
<h3>Как со мной связаться</h3>
<p>Можно связаться со мной по электронной почте: <a href="mailto:your_email@example.com">your_email@example.com</a></p>
<p>А также через мой профиль в социальной сети: <a href="https://www.example.com">Мой профиль</a></p>
<a href="https://www.example.com"><img src="social_media_icon.png" alt="Social Media"></a>
<hr>
<!--Сдать работу-->
</body>
</html>
Замените
[ваше имя]на своё имя,your_image.jpgна название изображения,your_email@example.comна вашу электронную почту,https://www.example.comна ссылку на ваш профиль в социальной сети, иsocial_media_icon.pngна название изображения иконки социальной сети.Сохраните файл и откройте его веб-браузером, чтобы убедиться, что веб-страница отображается правильно.
Таким образом, вы создадите веб-страницу в соответствии с указанными требованиями.
