Код IT
← Каталог

HTML-страницы целиком — Страница блога — один пост

Фрагмент из «HTML-страницы целиком»: Страница блога — один пост.

HTML main.html
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Как я сдал проект по HTML</title>
  <style>
    body { font-family: Georgia, serif; max-width: 42rem; margin: 0 auto; padding: 1.25rem; line-height: 1.65; }
    .meta { color: #666; font-size: 0.95rem; }
  </style>
</head>
<body>
  <header>
    <p><a href="index.html">← Все записи</a></p>
  </header>
  <main>
    <article>
      <header>
        <h1>Как я сдал проект по HTML</h1>
        <p class="meta">
          <time datetime="2026-05-15">15 мая 2026</time> ·
          <span>Автор: <cite>Мария К.</cite></span>
        </p>
      </header>
      <p>Сначала собрала каркас из этой галереи, потом добавила стили из <a href="/lab/Примеры/110">макетов CSS</a>.</p>
      <blockquote>
        <p>Главное — один <code>h1</code> и понятные заголовки разделов.</p>
        <footer>— отзыв учителя</footer>
      </blockquote>
      <h2>Что сделала</h2>
      <ol>
        <li>index.html с семантикой</li>
        <li>Проверка в DevTools (F12)</li>
        <li>Скриншоты в отчёт</li>
      </ol>
    </article>
  </main>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Как я сдал проект по HTML</title>
  <style>
    body { font-family: Georgia, serif; max-width: 42rem; margin: 0 auto; padding: 1.25rem; line-height: 1.65; }
    .meta { color: #666; font-size: 0.95rem; }
  </style>
</head>
<body>
  <header>
    <p><a href="index.html">← Все записи</a></p>
  </header>
  <main>
    <article>
      <header>
        <h1>Как я сдал проект по HTML</h1>
        <p class="meta">
          <time datetime="2026-05-15">15 мая 2026</time> ·
          <span>Автор: <cite>Мария К.</cite></span>
        </p>
      </header>
      <p>Сначала собрала каркас из этой галереи, потом добавила стили из <a href="/lab/Примеры/110">макетов CSS</a>.</p>
      <blockquote>
        <p>Главное — один <code>h1</code> и понятные заголовки разделов.</p>
        <footer>— отзыв учителя</footer>
      </blockquote>
      <h2>Что сделала</h2>
      <ol>
        <li>index.html с семантикой</li>
        <li>Проверка в DevTools (F12)</li>
        <li>Скриншоты в отчёт</li>
      </ol>
    </article>
  </main>
</body>
</html>