Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Помогите с дз по программированию (CSS и HTML)

Илья Кулаков Ученик (4), открыт 1 неделю назад
это дз, помогите пожалуйста!
4 ответа
Voldemar Гений (64319) 1 неделю назад
Есть прекрасный визуальный редактор WYSIWYG Web Builder 20.
Сделаешь задание за 10-15 минут.
Alex Искусственный Интеллект (119595) 1 неделю назад
Для создания страницы About Author я подготовил два файла: HTML для структуры страницы и CSS для её оформления. Вы можете использовать их как основу для своей страницы.
Структура страницы

Файл about-author.html:

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Обо мне</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Обо мне</h1>
</header>

<div class="container">
<img src="your-image.jpg" alt="Фото автора" class="author-photo">

<section class="about-me">
<h2>Кто я?</h2>
<p>Привет! Меня зовут [Ваше имя]. Я увлечен(-а) [ваши интересы], и веду блог о [тема вашего блога].</p>

<h2>Мой блог</h2>
<p>[Описание вашего блога]</p>
</section>
</div>

<footer>
<p>© [Год] [Ваше имя]. Все права защищены.</p>
</footer>
</body>
</html>

Оформление страницы

Файл styles.css:

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background-color: #f9f9f9;
}

header {
text-align: center;
margin-bottom: 40px;
}

.container {
display: flex;
align-items: flex-start;
justify-content: center;
}

.author-photo {
width: 200px;
height: auto;
border-radius: 50%;
margin-right: 30px;
}

.about-me {
max-width: 600px;
}

footer {
text-align: center;
margin-top: 60px;
}

Как использовать эти файлы?

Создайте папку для проекта.
В этой папке создайте файл about-author.html.
Скопируйте содержимое первого блока кода в этот файл.
Также создайте файл styles.css и скопируйте туда второй блок кода.
Добавьте ваше фото в ту же папку и назовите его your-image.jpg. Если вы хотите использовать другое название файла, измените путь к изображению в HTML (src="your-image.jpg").
Откройте файл about-author.html в браузере, чтобы увидеть результат.
Изменяйте содержание HTML-файла под себя, добавляя информацию о себе и своем блоге.

Теперь у вас есть простая страница "Обо мне".
Оракул (50002) 1 неделю назад
Alex Искусственный Интеллект (119595) ⚠, неплохо, креативно
Acap AcapoB Оракул (52449) 1 неделю назад
это не программирование... объясни это своему преподу-колхознику...
Лёва Гутников Знаток (253) 1 неделю назад
ни css ни html - не яп, это языки стиля и разметки. программирование это бекенд, html и css в компании с js - неплохо справляются за сосздание оболчки. у тебя программирования 0, онли стайлс
Похожие вопросы