Практическая работа Создай свою собственную веб-страницу. После заголовка «Личная страница» добавь короткий текст о себе и любое изображение. После заголовка «Что я умею» добавь…
Практическая работа Создай свою собственную веб-страницу. После заголовка «Личная страница» добавь короткий текст о себе и любое изображение. После заголовка «Что я умею» добавь нумерованный список как минимум из трёх пунктов, в котором перечислены твои умения. После заголовка «Как со мной связаться» добавь две ссылки, переход в одной из них по нажатию на текст, а во второй переход по нажатию на изображение. После каждого раздела добавь одиночный тег
. Когда закончишь свою работу добавь в конец этот комментарий: .
Решение:
Создайте новый файл с расширением .html (например, index.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>
<hr>
<h2>Что я умею</h2>
<ol>
<li>Программирование</li>
<li>Дизайн</li>
<li>Аналитическое мышление</li>
</ol>
<hr>
<h2>Как со мной связаться</h2>
<a href="mailto:your-email@example.com">Написать мне</a>
<br>
<a href="https://your-social-media-profile" target="_blank">
<img src="link-to-your-image.jpg" alt="Соцсети">
</a>
<hr>
<!--Сдать работу-->
</body>
</html>
Отредактируйте текст внутри тегов
<title>,<p>,<li>, атрибутовhrefв тегах<a>иsrcв теге<img>с учетом вашей информации.Сохранив файл, откройте его любым браузером, чтобы увидеть результат вашей личной веб-страницы.
Этот шаблон поможет вам создать страницу с заголовками, текстом о себе, списком умений, ссылками для связи и изображением. Если у вас есть какие-либо вопросы или нужна дополнительная помощь, не стесняйтесь обращаться!
