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-файла под себя, добавляя информацию о себе и своем блоге.
Теперь у вас есть простая страница "Обо мне".
Лёва Гутников
Знаток
(253)
1 неделю назад
ни css ни html - не яп, это языки стиля и разметки. программирование это бекенд, html и css в компании с js - неплохо справляются за сосздание оболчки. у тебя программирования 0, онли стайлс