Задача Задача №3684358
А
А Создай свою собственную веб-страницу.
После заголовка «Личная страница» добавь короткий текст о себе и любое изображение.
После заголовка «Что я умею» добавь нумерованный список как минимум из трёх пунктов, в котором перечислены твои умения.
После заголовка «Как со мной связаться» добавь две ссылки, переход в одной из них по нажатию на текст, а во второй переход по нажатию на изображение.
После каждого раздела добавь одиночный тег
Создай свою собственную веб-страницу.
После заголовка «Личная страница» добавь короткий текст о себе и любое изображение.
После заголовка «Что я умею» добавь нумерованный список как минимум из трёх пунктов, в котором перечислены твои умения.
После заголовка «Как со мной связаться» добавь две ссылки, переход в одной из них по нажатию на текст, а во второй переход по нажатию на изображение.
После каждого раздела добавь одиночный тег
. Когда закончишь свою работу добавь в конец этот комментарий: .
Краткий ответ: готовая веб-страница может выглядеть так:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Моя личная страница</title>
</head>
<body>
<h1>Личная страница</h1>
<p>Меня зовут Алексей. Я интересуюсь компьютерами, музыкой и спортом.</p>
<img src="my-photo.jpg" alt="Моя фотография" width="200">
<hr>
<h2>Что я умею</h2>
<ol>
<li>Создавать веб-страницы</li>
<li>Работать с текстом и изображениями</li>
<li>Изучать новые технологии</li>
</ol>
<hr>
<h2>Как со мной связаться</h2>
<p>
<a href="mailto:student@example.com">Написать мне на электронную почту</a>
</p>
<a href="https://vk.com/your_page">
<img src="my-photo.jpg" alt="Перейти на мою страницу" width="100">
</a>
<hr>
</body>
</html>
<!--Сдать работу-->
Как это работает
<h1>и<h2>— заголовки разделов.<p>— абзац с текстом.<img src="my-photo.jpg">— изображение. Файлmy-photo.jpgнужно сохранить в одной папке с HTML-файлом.<ol>создаёт нумерованный список, а<li>— его пункты.- В первой ссылке нажимают на текст:
<a href="mailto:student@example.com">Написать мне</a> - Во второй ссылке тег
<img>находится внутри<a>, поэтому переход выполняется нажатием на изображение. <hr>— одиночный тег, который добавляет горизонтальную линию после каждого раздела.- Последняя строка — требуемый комментарий
<!--Сдать работу-->.
Проверь, что в папке с файлом есть изображение my-photo.jpg, а адреса ссылок заменены на свои.
