{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"b5r3a"},{"data":{"image":{"id":"679df022ed83e10083a0f01b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"chkv7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7uasu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если вы хотите создавать веб-сайты, то вам обязательно нужно знать HTML и CSS. Это два основных языка, которые используются для создания веб-страниц. В этой статье мы простым языком объясним, что такое HTML и CSS и как они работают вместе.","type":"unstyled","key":"ei6s8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"447m9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Представьте себе дом. HTML — это как кирпичи и другие строительные материалы, из которых строится каркас дома. CSS — это как дизайн-проект, который определяет, как будет выглядеть дом: цвет стен, расположение мебели, стиль окон и дверей.","type":"unstyled","key":"17q93"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":37,"offset":0,"style":"BOLD"}],"text":"Что такое HTML? — Каркас веб-страницы","type":"unstyled","key":"5aks"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML (HyperText Markup Language) — это язык разметки, который используется для создания структуры веб-страницы. С помощью HTML вы можете добавлять текст, изображения, видео, ссылки и другие элементы на страницу. HTML состоит из тегов, которые заключаются в угловые скобки < >. Теги сообщают браузеру, как отображать содержимое страницы.","type":"unstyled","key":"eju1m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"Пример HTML","type":"unstyled","key":"c6kdd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML","type":"unstyled","key":"7eeq2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"f6bp5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"4ru7t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"882oe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Моя первая веб-страница","type":"blockquote","key":"3ssmr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"9tvhq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"7hd2h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Привет, мир!

","type":"blockquote","key":"269dd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Это моя первая веб-страница, созданная с помощью HTML.

","type":"blockquote","key":"a9s94"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" $\"Описание$ ","type":"blockquote","key":"frftm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"dk9ua"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"8ke4q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":35,"offset":0,"style":"BOLD"}],"text":"Что такое CSS? — Стиль веб-страницы","type":"unstyled","key":"dd8c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS (Cascading Style Sheets) — это язык стилей, который используется для оформления веб-страницы. С помощью CSS вы можете задавать цвета, шрифты, размеры, отступы и другие параметры элементов HTML. CSS позволяет создавать красивый и привлекательный дизайн веб-страницы.","type":"unstyled","key":"9k9oe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Пример CSS","type":"unstyled","key":"cjh5p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS","type":"unstyled","key":"1k8v2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"h1 {","type":"blockquote","key":"fjo3o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" color: blue;","type":"blockquote","key":"cditl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" font-size: 36px;","type":"blockquote","key":"8bs1f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"c9eko"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"9vqpr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"p {","type":"blockquote","key":"edf19"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" color: green;","type":"blockquote","key":"s5e8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" font-size: 16px;","type":"blockquote","key":"2s42l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"5dpp5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"3jp4f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"img {","type":"blockquote","key":"564hf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" width: 200px;","type":"blockquote","key":"csrtp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" height: 150px;","type":"blockquote","key":"du27d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"7gi7n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":56,"offset":0,"style":"BOLD"}],"text":"Как работают вместе HTML и CSS? — Строительство и дизайн","type":"unstyled","key":"7cd8f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML и CSS работают вместе, чтобы создать полноценную веб-страницу. HTML отвечает за структуру страницы, а CSS — за ее внешний вид. Сначала создается HTML-файл, в котором описывается структура страницы. Затем создается CSS-файл, в котором задаются стили для элементов HTML. CSS-файл подключается к HTML-файлу с помощью специального тега . Браузер загружает HTML-файл и CSS-файл, а затем отображает страницу в соответствии с заданной разметкой и стилями.","type":"unstyled","key":"c48fk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Простыми словами","type":"unstyled","key":"8r4il"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML — это как строительные материалы, из которых создается каркас веб-страницы. CSS — это как дизайн-проект, который определяет, как будет выглядеть веб-страница. Вместе HTML и CSS позволяют создавать красивые и функциональные веб-сайты.","type":"unstyled","key":"3dkib"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Визуализация","type":"unstyled","key":"be6ph"},{"data":{"image":{"id":"679df00c26d5cb05b0182803"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"br8p7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"a6sf1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Заключение","type":"unstyled","key":"2oao2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML и CSS — это два важных языка, которые необходимо знать для создания веб-сайтов. HTML отвечает за структуру страницы, а CSS — за ее внешний вид. Вместе они позволяют создавать красивые и функциональные веб-сайты.","type":"unstyled","key":"a592o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"6dih5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Понравилась статья? Подписывайтесь на наш канал, чтобы узнать больше о веб-разработке! Ставьте лайк и делитесь этой статьей с друзьями, чтобы помочь им разобраться в мире HTML и CSS!","type":"unstyled","key":"88ta"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"89mat"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#html #css #веб-разработка #программирование #frontend #it #разработка #верстка #стили #веб-дизайн #объяснение #просто #понятно #какэтоработает #начинающийразработчик","type":"unstyled","key":"dnncf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"KHCWhs8MAB3QXPuIAptQ"}],"entityMap":{}},"mentions":[]}