Вот HTML-код для создания личной страницы по заданным требованиям: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Личная страница</title> </head> <body>…
Вот HTML-код для создания личной страницы по заданным требованиям: Личная страница
Личная страница
Привет! Меня зовут Егор, я увлекаюсь программированием и веб-разработкой.
Что я умею
- Создавать веб-страницы на HTML и CSS
- Программировать на Python
- Работать с базами данных
Как со мной связаться?
### Пояснения: 1. Заголовок и текст о себе — добавлены в разделе
и
.
2. Изображение — вставлено через (замени my_photo.jpg на свой файл).
3. Нумерованный список умений — реализован тегами
- и
- .
4. Ссылки для связи:
- Текстовая ссылка на Telegram ().
- Ссылка-изображение на email (замени email_icon.png на свою иконку).
5. Горизонтальные разделители —
после каждого раздела. 6. Комментарии — добавлены и финальный комментарий . Сохрани код в файле с расширением .html и открой его в браузере.
Этот HTML-код создает личную страницу, которая содержит краткую информацию о вас, ваше фото, описание умений и способы связи. Вот разбор и пояснения, чтобы лучше понять, как он работает:
- Заголовок страницы:
<title>Личная страница</title>
Этот текст отображается во вкладке браузера.
- Заголовки и текст:
<h1>Личная страница</h1>
<p>Привет! Меня зовут Егор, я увлекаюсь программированием и веб-разработкой.</p>
Заголовок <h1> — главный заголовок, а <p> — параграф с описанием.
- Фото:
<img src="my_photo.jpg" alt="Мое фото" width="200">
Замените "my_photo.jpg" на название вашего файла с фотографией. Атрибут width="200" задает ширину изображения в пикселах.
- Разделы с навыками:
<h2>Что я умею</h2>
<ol>
<li>Создавать веб-страницы на HTML и CSS</li>
<li>Программировать на Python</li>
<li>Работать с базами данных</li>
</ol>
Используются теги <ol> и <li> для нумерованного списка.
- Способы связаться:
<h3>Как со мной связаться?</h3>
<p><a href="https://t.me/example">Написать в Telegram</a></p>
<a href="mailto:example@email.com">
<img src="email_icon.png" alt="Email" width="50">
</a>
- ссылка на Telegram — замените
https://t.me/exampleна ваш профиль. - иконка email — замените
email_icon.pngна ваш файл и укажите правильный email.
- Разделительные линии:
<hr>
Используются для разделения блоков страницы визуально.
- Комментарии для организации кода:
<!-- In -->
<!-- In -->
<!-- In -->
<!-- 1 — Сдать работу -->
Эти комментарии помогают ориентироваться в коде, а последний указывает на конечную отметку.
Чтобы использовать этот код:
- Создайте новый текстовый файл и сохраните его с расширением
.html, например,index.html. - Вставьте туда этот HTML-код.
- Замените все placeholder (фото, email, ссылки) на свои данные.
- Откройте файл в браузере — и страница будет отображаться.
Если есть вопросы или нужно дополнительно объяснить какую-то часть, с удовольствием помогу!
