<h2>HTML (HyperText Markup Language), CSS (Cascading Style Sheets) и JavaScript являются тремя основными языками веб-разработки, используемыми для создания интерактивных и эстетически привлекательных веб-страниц.</h2>
<p>В сочетании они обеспечивают разработчикам возможность создавать динамические и красивые веб-сайты, которые отображаются на экране пользователя.</p>
<h3>HTML</h3>
<p>HTML - это язык разметки, используемый для структурирования и организации содержимого веб-страницы. Он состоит из различных элементов, таких как заголовки, параграфы, изображения, ссылки и другие, которые могут быть вложены друг в друга. Вот пример HTML-кода, показывающий, как создать простую веб-страницу:</p>
<pre>
<code class="html">
<!DOCTYPE html>
<html>
<head>
<title>Моя веб-страница</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="script.js"></script>
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это мой первый веб-сайт.</p>
<img src="logo.png" alt="логотип">
<a href="https://example.com">Перейти на example.com</a>
</body>
</html>
</code>
</pre>
<h3>CSS</h3>
<p>CSS - это язык стилей, который определяет, как HTML-элементы должны быть представлены на экране. Он позволяет изменять цвета, шрифты, размеры и другие атрибуты элементов. CSS-правила могут быть применены непосредственно к HTML-элементам через селекторы. Вот пример CSS-кода, который изменяет стиль заголовков и параграфов:</p>
<pre>
<code class="css">
h1 {
color: blue;
font-size: 24px;
}
p {
color: green;
font-size: 16px;
}
</code>
</pre>
<h3>JavaScript</h3>
<p>JavaScript - это язык программирования, который добавляет веб-страницам динамическое и интерактивное поведение. Он позволяет обрабатывать события, выполнять математические операции, манипулировать элементами страницы и многое другое. Вот пример JavaScript-кода, позволяющего изменить содержимое элемента при клике на кнопку:</p>
<pre>
<code class="javascript">
function changeText() {
var element = document.getElementById("myElement");
element.innerHTML = "Текст был изменен!";
}
var button = document.getElementById("myButton");
button.addEventListener("click", changeText);
</code>
</pre>
<p>Это только небольшой обзор HTML, CSS и JavaScript. Каждый из этих языков имеет свои уникальные возможности и множество способов использования. Используя их вместе, разработчики могут создавать мощные и интересные веб-сайты.</p>
<p>Обратите внимание, что приведенные коды - всего лишь примеры и не показывают полного спектра возможностей HTML, CSS и JavaScript. Они представлены здесь для демонстрации основных идей и структуры этих языков. Если вы хотите глубже изучить HTML, CSS и JavaScript, рекомендуется обратиться к соответствующим учебникам и документации.</p>