и <body> с вложенными элементами.","exercises":[{"id":0,"slug":"intro","name":"Введение в HTML","kind":"code"},{"id":1,"slug":"element-structure","name":"Структура HTML-элемента","kind":"code"},{"id":2,"slug":"doctype-html","name":"Объявление типа документа","kind":"code"},{"id":5,"slug":"page-skeleton","name":"Каркас страницы","kind":"code"},{"id":43,"slug":"title-and-charset","name":"Заголовок страницы и кодировка","kind":"code"},{"id":75,"slug":"quiz-the-page-title","name":"Викторина: заголовок страницы","kind":"quiz"},{"id":3,"slug":"html-structure","name":"Вложенность и родственные связи","kind":"code"},{"id":4,"slug":"indentation","name":"Отступы","kind":"code"},{"id":8,"slug":"recap","name":"Итоги","kind":"code"}]},{"slug":"basic-html-tags","name":"Основные HTML-теги","description":"Пишите заголовки <h1> и <h2>, абзацы <p> и списки <ul>, <ol> и <li>.","exercises":[{"id":9,"slug":"headings","name":"Заголовки","kind":"code"},{"id":10,"slug":"paragraphs","name":"Абзацы","kind":"code"},{"id":76,"slug":"quiz-paragraphs","name":"Викторина: абзацы","kind":"quiz"},{"id":11,"slug":"divs","name":"Блоки div","kind":"code"},{"id":12,"slug":"styling-text","name":"Оформление текста","kind":"code"},{"id":13,"slug":"line-breaks","name":"Переносы строк","kind":"code"},{"id":14,"slug":"lists","name":"Списки","kind":"code"},{"id":77,"slug":"quiz-lists","name":"Викторина: списки","kind":"quiz"},{"id":15,"slug":"comments","name":"Комментарии","kind":"code"},{"id":16,"slug":"recap","name":"Итоги","kind":"code"}]},{"slug":"checkpoint-summer-camp","name":"Мини-проект: Летний лагерь","description":"Самостоятельно создайте страницу летнего лагеря: распорядок дня, список вещей и адрес.","exercises":[{"id":100,"slug":"camp-page","name":"Страница лагеря","kind":"code"},{"id":101,"slug":"program-and-packing-list","name":"Распорядок и список вещей","kind":"code"},{"id":102,"slug":"where-and-when","name":"Где и когда","kind":"code"}]},{"slug":"advanced-html-tags","name":"Продвинутые элементы HTML","description":"Ссылки <a>, изображения <img> и деление страницы на части <header>, <main> и <footer>.","exercises":[{"id":17,"slug":"attributes","name":"Атрибуты","kind":"code"},{"id":18,"slug":"links","name":"Ссылки","kind":"code"},{"id":78,"slug":"quiz-links","name":"Викторина: ссылки","kind":"quiz"},{"id":19,"slug":"new-page-links","name":"Открытие ссылок в новой вкладке","kind":"code"},{"id":20,"slug":"relative-links","name":"Относительные ссылки","kind":"code"},{"id":21,"slug":"images","name":"Изображения","kind":"code"},{"id":79,"slug":"quiz-images","name":"Викторина: изображения","kind":"quiz"},{"id":22,"slug":"image-alt","name":"Доступность изображений","kind":"code"},{"id":23,"slug":"videos","name":"Видео","kind":"code"},{"id":24,"slug":"links-continued","name":"Изображения как ссылки","kind":"code"},{"id":25,"slug":"in-page-links","name":"Ссылки внутри страницы","kind":"code"},{"id":55,"slug":"page-structure","name":"Структура страницы","kind":"code"},{"id":56,"slug":"main-and-sections","name":"Основное содержимое и разделы","kind":"code"},{"id":26,"slug":"recap","name":"Итоги","kind":"code"}]},{"slug":"tables","name":"Таблицы в HTML","description":"Расположите данные в таблице с помощью <tr>, <td> и <th> и растяните ячейки через colspan и rowspan.","exercises":[{"id":27,"slug":"table-tag","name":"Элемент table","kind":"code"},{"id":28,"slug":"table-row","name":"Строка таблицы","kind":"code"},{"id":29,"slug":"table-data","name":"Данные таблицы","kind":"code"},{"id":30,"slug":"table-headings","name":"Заголовки таблицы","kind":"code"},{"id":31,"slug":"table-colspan","name":"Объединение столбцов","kind":"code"},{"id":32,"slug":"table-rowspan","name":"Объединение строк","kind":"code"},{"id":33,"slug":"table-review","name":"Итоги по таблицам","kind":"code"}]},{"slug":"checkpoint-cat-shelter","name":"Мини-проект: Приют для кошек","description":"Дополните страницу приюта для кошек картинками, таблицей часов посещения и навигационными ссылками.","exercises":[{"id":110,"slug":"meet-the-cats","name":"Знакомство с кошками","kind":"code"},{"id":111,"slug":"visiting-hours","name":"Часы посещения","kind":"code"},{"id":112,"slug":"structure-and-navigation","name":"Структура и навигация","kind":"code"}]},{"slug":"forms","name":"HTML-формы","description":"Создайте форму записи с <input>, <label> и <select> и отправьте её кнопкой.","exercises":[{"id":35,"slug":"form-tag","name":"Элемент form","kind":"code"},{"id":36,"slug":"form-input","name":"Текстовое поле","kind":"code"},{"id":37,"slug":"input-label","name":"Подпись к полю","kind":"code"},{"id":38,"slug":"password-input","name":"Поле для пароля","kind":"code"},{"id":39,"slug":"inputs","name":"Другие типы полей","kind":"code"},{"id":60,"slug":"radio-and-checkbox","name":"Переключатели и флажки","kind":"code"},{"id":61,"slug":"select","name":"Выпадающий список","kind":"code"},{"id":62,"slug":"textarea","name":"Длинный текст","kind":"code"},{"id":40,"slug":"form-submit","name":"Отправка формы","kind":"code"},{"id":41,"slug":"required-input","name":"Обязательное поле","kind":"code"},{"id":42,"slug":"form-review","name":"Итоги по формам","kind":"code"}]},{"slug":"final-project","name":"Итоговый проект","description":"Создайте свою веб-страницу с нуля на выбранную тему, с изображением, таблицей и формой.","exercises":[{"id":70,"slug":"your-own-page","name":"Своя веб-страница","kind":"code"},{"id":71,"slug":"build-your-page","name":"Создайте свою страницу","kind":"code"},{"id":74,"slug":"congratulations","name":"Поздравляем!","kind":"code"}]}]},"exercisesDone":[],"session":null,"lang":"ru","fullAccess":false,"nextExercise":0,"nextLabel":"Начать","scrollToNext":false,"xp":[70,105,30,125,50,30,120,85],"previews":[null,null,"$L71",null,null,"$L72",null,"$L73"]}],"$undefined"]}]}]]}],"$L74"]}]] </article></body></html>

6c:[null,["$","$L6d",null,{"account":{"session":null,"subscribed":false}}],["$","div",null,{"data-shape":"actions","className":"flex flex-col gap-4 sm:flex-row sm:items-center sm:gap-6 lg:hidden","children":[false,["$","$L3e",null,{"href":"/ru/learn/html/html-introduction/intro","data-shape":"button","className":"inline-flex items-center justify-center gap-2 rounded-lg font-semibold transition-[background-color,border-color,color,translate] duration-150 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-mint bg-mint px-5 py-3 text-[15px] text-on-mint hover:bg-mint-bright w-full sm:w-auto","children":["Начать",["$","$L3f",null,{"ref":"$undefined","icon":"$11:props:children:2:props:children:props:fallback:props:children:1:props:children:0:props:children:1:props:children:1:props:icon","className":"size-[18px]","strokeWidth":2.25}]]}]]}],["$","aside",null,{"className":"hidden lg:col-start-2 lg:row-span-2 lg:row-start-1 lg:block","children":["$","div",null,{"data-shape":"side","className":"rounded-xl border border-line bg-panel sticky top-24 flex max-h-[calc(100dvh-7rem)] flex-col p-3","children":[false,["$","$L3e",null,{"href":"/ru/learn/html/html-introduction/intro","data-shape":"side-button","className":"inline-flex items-center justify-center gap-2 rounded-lg font-semibold transition-[background-color,border-color,color,translate] duration-150 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-mint bg-mint px-5 py-3 text-[15px] text-on-mint hover:bg-mint-bright w-full ","children":["Начать",["$","$L3f",null,{"ref":"$undefined","icon":"$11:props:children:2:props:children:props:fallback:props:children:1:props:children:0:props:children:1:props:children:1:props:icon","className":"size-[18px]","strokeWidth":2.25}]]}],["$","p",null,{"className":"text-[13px] font-semibold tracking-[0.06em] text-subtle uppercase px-2.5 mt-5","children":"Уроки"}],["$","div",null,{"className":"mt-2 min-h-0 overflow-y-auto","children":["$","$L6e",null,{"lessons":[{"kind":"lesson","name":"Введение в HTML","done":0,"total":9},{"kind":"lesson","name":"Основные HTML-теги","done":0,"total":10},{"kind":"checkpoint","name":"Летний лагерь","done":0,"total":3},{"kind":"lesson","name":"Продвинутые элементы HTML","done":0,"total":14},{"kind":"lesson","name":"Таблицы в HTML","done":0,"total":7},{"kind":"checkpoint","name":"Приют для кошек","done":0,"total":3},{"kind":"lesson","name":"HTML-формы","done":0,"total":11},{"kind":"final","name":"Итоговый проект","done":0,"total":3}],"title":"Уроки","variant":"sidebar","showProgress":false,"initial":0}]}]]}]}],["$","div",null,{"className":"min-w-0 lg:col-start-1","children":[["$","section",null,{"aria-labelledby":"lessons","children":[["$","h2",null,{"id":"lessons","data-shape":"title","className":"text-2xl leading-tight font-semibold tracking-[-0.02em] text-balance sm:text-[1.75rem]","children":"Уроки"}],["$","$L6e",null,{"lessons":"$6c:3:props:children:props:children:3:props:children:props:lessons","title":"Уроки","variant":"bar","showProgress":false,"initial":0}],["$","div",null,{"className":"mt-6","children":["$","$L6f",null,{"place":"course","course":"html","openedByLink":false,"children":[["$","$L70",null,{"course":{"slug":"html","freeExercises":9,"lessons":[{"slug":"html-introduction","name":"Введение в HTML","description":"Напишите первую веб-страницу: с и <body> с вложенными элементами.","exercises":[{"id":0,"slug":"intro","name":"Введение в HTML","kind":"code"},{"id":1,"slug":"element-structure","name":"Структура HTML-элемента","kind":"code"},{"id":2,"slug":"doctype-html","name":"Объявление типа документа","kind":"code"},{"id":5,"slug":"page-skeleton","name":"Каркас страницы","kind":"code"},{"id":43,"slug":"title-and-charset","name":"Заголовок страницы и кодировка","kind":"code"},{"id":75,"slug":"quiz-the-page-title","name":"Викторина: заголовок страницы","kind":"quiz"},{"id":3,"slug":"html-structure","name":"Вложенность и родственные связи","kind":"code"},{"id":4,"slug":"indentation","name":"Отступы","kind":"code"},{"id":8,"slug":"recap","name":"Итоги","kind":"code"}]},{"slug":"basic-html-tags","name":"Основные HTML-теги","description":"Пишите заголовки <h1> и <h2>, абзацы <p> и списки <ul>, <ol> и <li>.","exercises":[{"id":9,"slug":"headings","name":"Заголовки","kind":"code"},{"id":10,"slug":"paragraphs","name":"Абзацы","kind":"code"},{"id":76,"slug":"quiz-paragraphs","name":"Викторина: абзацы","kind":"quiz"},{"id":11,"slug":"divs","name":"Блоки div","kind":"code"},{"id":12,"slug":"styling-text","name":"Оформление текста","kind":"code"},{"id":13,"slug":"line-breaks","name":"Переносы строк","kind":"code"},{"id":14,"slug":"lists","name":"Списки","kind":"code"},{"id":77,"slug":"quiz-lists","name":"Викторина: списки","kind":"quiz"},{"id":15,"slug":"comments","name":"Комментарии","kind":"code"},{"id":16,"slug":"recap","name":"Итоги","kind":"code"}]},{"slug":"checkpoint-summer-camp","name":"Мини-проект: Летний лагерь","description":"Самостоятельно создайте страницу летнего лагеря: распорядок дня, список вещей и адрес.","exercises":[{"id":100,"slug":"camp-page","name":"Страница лагеря","kind":"code"},{"id":101,"slug":"program-and-packing-list","name":"Распорядок и список вещей","kind":"code"},{"id":102,"slug":"where-and-when","name":"Где и когда","kind":"code"}]},{"slug":"advanced-html-tags","name":"Продвинутые элементы HTML","description":"Ссылки <a>, изображения <img> и деление страницы на части <header>, <main> и <footer>.","exercises":[{"id":17,"slug":"attributes","name":"Атрибуты","kind":"code"},{"id":18,"slug":"links","name":"Ссылки","kind":"code"},{"id":78,"slug":"quiz-links","name":"Викторина: ссылки","kind":"quiz"},{"id":19,"slug":"new-page-links","name":"Открытие ссылок в новой вкладке","kind":"code"},{"id":20,"slug":"relative-links","name":"Относительные ссылки","kind":"code"},{"id":21,"slug":"images","name":"Изображения","kind":"code"},{"id":79,"slug":"quiz-images","name":"Викторина: изображения","kind":"quiz"},{"id":22,"slug":"image-alt","name":"Доступность изображений","kind":"code"},{"id":23,"slug":"videos","name":"Видео","kind":"code"},{"id":24,"slug":"links-continued","name":"Изображения как ссылки","kind":"code"},{"id":25,"slug":"in-page-links","name":"Ссылки внутри страницы","kind":"code"},{"id":55,"slug":"page-structure","name":"Структура страницы","kind":"code"},{"id":56,"slug":"main-and-sections","name":"Основное содержимое и разделы","kind":"code"},{"id":26,"slug":"recap","name":"Итоги","kind":"code"}]},{"slug":"tables","name":"Таблицы в HTML","description":"Расположите данные в таблице с помощью <tr>, <td> и <th> и растяните ячейки через colspan и rowspan.","exercises":[{"id":27,"slug":"table-tag","name":"Элемент table","kind":"code"},{"id":28,"slug":"table-row","name":"Строка таблицы","kind":"code"},{"id":29,"slug":"table-data","name":"Данные таблицы","kind":"code"},{"id":30,"slug":"table-headings","name":"Заголовки таблицы","kind":"code"},{"id":31,"slug":"table-colspan","name":"Объединение столбцов","kind":"code"},{"id":32,"slug":"table-rowspan","name":"Объединение строк","kind":"code"},{"id":33,"slug":"table-review","name":"Итоги по таблицам","kind":"code"}]},{"slug":"checkpoint-cat-shelter","name":"Мини-проект: Приют для кошек","description":"Дополните страницу приюта для кошек картинками, таблицей часов посещения и навигационными ссылками.","exercises":[{"id":110,"slug":"meet-the-cats","name":"Знакомство с кошками","kind":"code"},{"id":111,"slug":"visiting-hours","name":"Часы посещения","kind":"code"},{"id":112,"slug":"structure-and-navigation","name":"Структура и навигация","kind":"code"}]},{"slug":"forms","name":"HTML-формы","description":"Создайте форму записи с <input>, <label> и <select> и отправьте её кнопкой.","exercises":[{"id":35,"slug":"form-tag","name":"Элемент form","kind":"code"},{"id":36,"slug":"form-input","name":"Текстовое поле","kind":"code"},{"id":37,"slug":"input-label","name":"Подпись к полю","kind":"code"},{"id":38,"slug":"password-input","name":"Поле для пароля","kind":"code"},{"id":39,"slug":"inputs","name":"Другие типы полей","kind":"code"},{"id":60,"slug":"radio-and-checkbox","name":"Переключатели и флажки","kind":"code"},{"id":61,"slug":"select","name":"Выпадающий список","kind":"code"},{"id":62,"slug":"textarea","name":"Длинный текст","kind":"code"},{"id":40,"slug":"form-submit","name":"Отправка формы","kind":"code"},{"id":41,"slug":"required-input","name":"Обязательное поле","kind":"code"},{"id":42,"slug":"form-review","name":"Итоги по формам","kind":"code"}]},{"slug":"final-project","name":"Итоговый проект","description":"Создайте свою веб-страницу с нуля на выбранную тему, с изображением, таблицей и формой.","exercises":[{"id":70,"slug":"your-own-page","name":"Своя веб-страница","kind":"code"},{"id":71,"slug":"build-your-page","name":"Создайте свою страницу","kind":"code"},{"id":74,"slug":"congratulations","name":"Поздравляем!","kind":"code"}]}]},"exercisesDone":[],"session":null,"lang":"ru","fullAccess":false,"nextExercise":0,"nextLabel":"Начать","scrollToNext":false,"xp":[70,105,30,125,50,30,120,85],"previews":[null,null,"$L71",null,null,"$L72",null,"$L73"]}],"$undefined"]}]}]]}],"$L74"]}]] </article></body></html>

Уроки

Уроки

Уроки

О курсе

Уроки

Уроки

О курсе