Вот пример простой HTML-страницы, которая включает заголовок, абзацы, изображения и ссылки. Вы можете использовать этот код как основу для своей статьи.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пример статьи на HTML</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 20px;
background-color: #f4f4f4;
}
header {
background: #35424a;
color: #ffffff;
padding: 10px 0;
text-align: center;
}
article {
background: #ffffff;
padding: 20px;
margin: 20px 0;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
footer {
text-align: center;
padding: 10px 0;
background: #35424a;
color: #ffffff;
position: relative;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<header>
<h1>Заголовок статьи</h1>
</header>
<article>
<h2>Введение</h2>
<p>Это пример статьи, написанной на HTML. В этой статье мы рассмотрим основные элементы HTML и их использование.</p>
<h2>Что такое HTML?</h2>
<p>HTML (HyperText Markup Language) — это стандартный язык разметки для создания веб-страниц.</p>
<h2>Основные элементы HTML</h2>
<ul>
<li><strong><h1> до <h6></strong>: Заголовки разных уровней.</li>
<li><strong><p></strong>: Абзацы текста.</li>
<li><strong><a></strong>: Ссылки на другие страницы или ресурсы.</li>
<li><strong><img></strong>: Вставка изображений.</li>
</ul>
<h2>Пример изображения</h2>
<img src="https://via.placeholder.com/400" alt="Пример изображения" />
<h2>Ссылки</h2>
<p>Вы можете узнать больше о HTML на <a href="https://www.w3schools.com/html/" target="_blank">W3Schools</a>.</p>
</article>
<footer>
<p>© 2023 Пример статьи на HTML</p>
</footer>
</body>
</html>
▎Описание кода:
- <!DOCTYPE html>: Определяет тип документа.
- <html lang="ru">: Начало HTML-документа с указанием языка.
- <head>: Содержит метаданные о документе, такие как заголовок и стили.
- <body>: Основное содержимое страницы.
- <header>, <article>, <footer>: Структурные элементы для организации контента.
- Стили: Включены базовые стили для улучшения внешнего вида страницы.
Вы можете изменить текст и изображения в соответствии с вашими потребностями!