/
dimankarman
/
Learning
Обзор
Документация
Войти
/
dimankarman
/
Learning
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
blog.html
65 строк
3 KB
dimankarman
Create: blog.html
06 июн 2026, 12:55
Верифицирован
06 июн 2026, 12:55
37ac7e2
Код
Авторство
О чём код?
<!doctype html> <html lang="ru"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Блог — Пример страницы</title> <style> body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;margin:0;color:#222} .container{max-width:1000px;margin:0 auto;padding:20px} header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #eee} .logo{font-weight:700;font-size:1.2rem} nav a{margin-left:16px;text-decoration:none;color:#333} main{display:flex;gap:24px;padding:24px 0} .content{flex:1} article{background:#fff;border:1px solid #eee;padding:16px;margin-bottom:20px} article h2{margin-top:0} article .meta{color:#777;font-size:0.9rem;margin-bottom:8px} aside{width:280px;padding:16px;border:1px solid #eee;background:#fafafa;height:fit-content} footer{border-top:1px solid #eee;padding:12px 0;text-align:center;color:#666;margin-top:24px} img.responsive{max-width:100%;height:auto;display:block;margin:8px 0} </style> </head> <body> <div class="container"> <header> <div class="logo">Мой Блог</div> <nav aria-label="Главное меню"> <a href="#">Главная</a> <a href="#">Блог</a> <a href="#">О нас</a> <a href="#">Контакты</a> </nav> </header> <main> <div class="content"> <article> <h2>Первая статья: Введение в веб-разработку</h2> <div class="meta">Опубликовано: <time datetime="2026-06-06">6 июня 2026</time></div> <img class="responsive" src="https://via.placeholder.com/800x360?text=Article+1" alt="Изображение к статье 1"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.</p> </article> <article> <h2>Вторая статья: Советы и приёмы</h2> <div class="meta">Опубликовано: <time datetime="2026-05-28">28 мая 2026</time></div> <img class="responsive" src="https://via.placeholder.com/800x360?text=Article+2" alt="Изображение к статье 2"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.</p> <p>Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor.</p> </article> </div> <aside aria-labelledby="about-author"> <h3 id="about-author">Об авторе</h3> <p>Привет! Я — веб-разработчик, делюсь советами, примерами и вдохновением. Люблю простые, семантические и доступные решения.</p> </aside> </main> <footer> © 2026 Мой Блог. Все права защищены. </footer> </div> </body> </html>