Создай свою собственную веб-страницу. После заголовка «Личная страница» добавь короткий текст о себе и любое изображение. После заголовка «Что я умею» добавь нумерованный список…
Создай свою собственную веб-страницу. После заголовка «Личная страница» добавь короткий текст о себе и любое изображение. После заголовка «Что я умею» добавь нумерованный список как минимум из трёх пунктов, в котором перечислены твои умения. После заголовка «Как со мной связаться» добавь две ссылки, переход в одной из них по нажатию на текст, а во второй переход по нажатию на изображение. После каждого раздела добавь одиночный тег
. Когда закончишь свою работу добавь в конец этот комментарий: . html
Данная задача предполагает создание простой веб-страницы с помощью HTML. Вот шаги, как выполнить эту задачу:
Создание HTML-файла:
- Открой блокнот или любой текстовый редактор.
- Сохраните файл с расширением
.html, например,my_page.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_url.jpg" alt="Your Image">
<hr>
<h2>Что я умею</h2>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<hr>
<h2>Как со мной связаться</h2>
<a href="mailto:your_email@example.com">Напиши мне</a>
<a href="https://www.linkedin.com/your_profile" target="_blank"><img src="linkedin_logo.png" alt="LinkedIn"></a>
<hr>
</body>
</html>
Замени
[твоё имя],your_image_url.jpg,your_email@example.com,https://www.linkedin.com/your_profile,linkedin_logo.pngна соответствующие данные, чтобы страница была персонализированной.Сохраните файл и откройте его в веб-браузере. Вы увидите вашу собственную персональную веб-страницу с введённой информацией.
После того как проверите работу в браузере, не забудьте добавить в конец комментарий
<!--Сдать работу-->для обозначения завершения задания.
Это базовый пример создания веб-страницы. Вы можете дополнить её другими элементами и стилями по вашему усмотрению. Если возникнут вопросы или нужна помощь с чем-то ещё, не стесняйтесь обращаться!
