# Веб-разработка: HTML, CSS, JavaScript и основы создания веб-сайтов

By [Michael](https://paragraph.com/@michael-46) · 2023-06-22

---

Веб-разработка: HTML, CSS, JavaScript и основы создания веб-сайтов

Веб-разработка является ключевым аспектом создания и поддержки веб-сайтов. Она включает в себя использование трех основных технологий: HTML, CSS и JavaScript. В этой статье мы рассмотрим эти технологии и основы создания веб-сайтов.

1.  HTML (HyperText Markup Language): HTML является стандартным языком разметки, используемым для создания структуры веб-страниц. Он определяет элементы, такие как заголовки, параграфы, ссылки, изображения и другие, которые составляют содержимое веб-страницы. HTML использует теги для определения элементов и атрибуты для указания дополнительных параметров.
    

Пример HTML-кода:

    <!DOCTYPE html>
    <html>
    <head>
        <title>Мой первый веб-сайт</title>
        <link rel="stylesheet" type="text/css" href="styles.css">
        <script src="script.js"></script>
    </head>
    <body>
        <header>
            <h1>Добро пожаловать на мой веб-сайт!</h1>
        </header>
        <nav>
            <ul>
                <li><a href="#">Главная</a></li>
                <li><a href="#">О нас</a></li>
                <li><a href="#">Контакты</a></li>
            </ul>
        </nav>
        <section>
            <h2>О нас</h2>
            <p>Мы являемся командой опытных веб-разработчиков...</p>
        </section>
        <footer>
            <p>© 2023 Мой веб-сайт. Все права защищены.</p>
        </footer>
    </body>
    </html>
    

1.  CSS (Cascading Style Sheets): CSS используется для оформления и стилизации веб-страниц. Он позволяет управлять внешним видом элементов HTML, таких как цвета, шрифты, размеры, отступы и многое другое. Стили CSS могут быть определены внутри HTML-документа или внешнем файле стилей.
    

Пример CSS-кода (styles.css):

    body {
        font-family: Arial, sans-serif;
        background-color: #f1f1f1;
    }
    
    header, nav, section, footer {
        padding: 20px;
        margin-bottom: 10px;
        background-color: #ffffff;
    }
    
    h1 {
        color: #333333;
    }
    
    ul {
        list-style-type: none;
        padding: 0;
    }
    
    li {
        display: inline;
        margin-right: 10px;
    }
    
    a {
        text-decoration: none;
        color: #555555;
    }
    
    p {
        color: #777777;
    }
    

1.  JavaScript: JavaScript - это язык программиров

---

*Originally published on [Michael](https://paragraph.com/@michael-46/html-css-javascript)*
