{"product_id":"introduction-to-html-and-css-coding-part-1","title":"Вступ до програмування на HTML та CSS, частина 1","description":"\u003cdiv class=\"ebsi-team-licence-note\"\u003e\u003cp\u003e\u003cstrong\u003eКупуєте для команди?\u003c\/strong\u003e\u003cbr\u003eВиберіть 5 або 10 ліцензій, щоб придбати доступ для кількох слухачів за зниженою ціною на одну особу. Після покупки eBSI зв’яжеться з вами, щоб підтвердити дані слухачів і організувати доступ до курсу для кожного учасника.\u003c\/p\u003e\u003c\/div\u003e\n\u003c!-- ebsi-sales-wrapper --\u003e\u003cdiv class=\"ebsi-sales-wrapper\"\u003e\n\n\u003cp\u003e\u003cstrong\u003eРозвивайте практичні знання та впевненість у курсі «Вступ до програмування HTML і CSS. Частина 1».\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003eДобре розроблений вебсайт надає клієнтам інформацію про компанію, відомості про те, як її знайти чи зв’язатися з нею, а також можливість робити покупки й оформлювати замовлення. Компанії будь-якого розміру можуть використовувати вебсайти, щоб залучати відвідувачів і охоплювати більше клієнтів, ніж будь-коли раніше.\u003c\/p\u003e\n\n\u003ch3\u003eЧому цей курс важливий\u003c\/h3\u003e\n\n\u003cp\u003eЦей курс перетворює тему на практичне, структуроване навчання, яке можна застосувати в реальних ділових і робочих ситуаціях. Він допоможе вам вийти за межі визначень і зрозуміти, як пов’язані між собою ідеї, інструменти та рішення, що розглядаються в курсі.\u003c\/p\u003e\n\n\u003ch3\u003eЧого ви навчитеся\u003c\/h3\u003e\n\n\u003cul\u003e\n\n\u003cli\u003eСформуєте практичне розуміння ключових понять курсу «Вступ до програмування HTML і CSS. Частина 1».\u003c\/li\u003e\n\n\u003cli\u003eЗрозумієте, де ця тема застосовується в реальних робочих або ділових ситуаціях.\u003c\/li\u003e\n\n\u003cli\u003eЗможете впевненіше застосовувати методи та підходи, засновані на належних практиках, які розглядаються в курсі.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003ch3\u003eДля кого цей курс?\u003c\/h3\u003e\n\n\u003cp\u003eКурс підійде фахівцям із цифрового маркетингу, власникам малого й середнього бізнесу, підприємцям, фахівцям із продажів і маркетингу та всім, хто відповідає за розвиток онлайн-бізнесу.\u003c\/p\u003e\n\n\u003ch3\u003eКоротко про курс\u003c\/h3\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eЧас навчання:\u003c\/strong\u003e приблизно 2 години.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eФормат:\u003c\/strong\u003e самостійне онлайн-навчання.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eПрофесійний розвиток:\u003c\/strong\u003e курс CPD.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\u003cp class=\"ng-scope\"\u003eДобре розроблений вебсайт надає клієнтам інформацію про компанію, відомості про те, як її знайти чи зв’язатися з нею, а також можливість робити покупки й оформлювати замовлення. Компанії будь-якого розміру можуть використовувати вебсайти, щоб залучати відвідувачів і охоплювати більше клієнтів, ніж будь-коли раніше.\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003eОсновою багатьох вебсторінок — сукупність яких утворює вебсайт — є мови програмування HTML і CSS. Навчитися користуватися цими мовами, за допомогою яких створюють і стилізують вміст вебсторінки, — важливий крок до створення власних добре розроблених вебсторінок.\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cp\u003e\u003cu\u003e\u003cstrong\u003eТеми курсу:\u003c\/strong\u003e\u003c\/u\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eУрок 1: Початок роботи з HTML\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА A: Основи HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eHTML — довідкова інформація\u003c\/li\u003e\n\n\u003cli\u003eБудова HTML-тега\u003c\/li\u003e\n\n\u003cli\u003eПочаток роботи\u003c\/li\u003e\n\n\u003cli\u003eВправа 1-1: Аналіз вебсторінки\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА B: Основні елементи вебсторінки\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eТег заголовка\u003c\/li\u003e\n\n\u003cli\u003eТеги абзацу та розриву рядка\u003c\/li\u003e\n\n\u003cli\u003eТеги базового форматування тексту\u003c\/li\u003e\n\n\u003cli\u003eВправа 1-2: Додавання базових елементів за допомогою HTML\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА C: Створення списків\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eНумеровані списки\u003c\/li\u003e\n\n\u003cli\u003eМарковані списки\u003c\/li\u003e\n\n\u003cli\u003eЕлементи списку\u003c\/li\u003e\n\n\u003cli\u003eВправа 1-3: Створення HTML-списку\u003c\/li\u003e\n\n\u003cli\u003eПідсумок\u003c\/li\u003e\n\n\u003cli\u003eКонтрольні запитання\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eУрок 2: Більше можливостей HTML\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА A: Зображення в HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eТег зображення\u003c\/li\u003e\n\n\u003cli\u003eВизначення джерела зображення\u003c\/li\u003e\n\n\u003cli\u003eВизначення альтернативного тексту зображення\u003c\/li\u003e\n\n\u003cli\u003eЗміна розміру зображення\u003c\/li\u003e\n\n\u003cli\u003eВправа 2-1: Додавання зображення в HTML\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА B: Посилання в HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eПосилання на іншу вебсторінку\u003c\/li\u003e\n\n\u003cli\u003eВнутрішні посилання\u003c\/li\u003e\n\n\u003cli\u003eВправа 2-2: Додавання посилання\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА C: Таблиці в HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eСтруктура HTML-таблиці\u003c\/li\u003e\n\n\u003cli\u003eРядок заголовків таблиці\u003c\/li\u003e\n\n\u003cli\u003eРядки даних таблиці\u003c\/li\u003e\n\n\u003cli\u003eВправа 2-3: Створення HTML-таблиці\u003c\/li\u003e\n\n\u003cli\u003eПідсумок\u003c\/li\u003e\n\n\u003cli\u003eКонтрольні запитання\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eУрок 3: Початок роботи з CSS\u003c\/strong\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА A: Основи CSS\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eCSS: каскадні таблиці стилів \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eТег \u0026lt;style\u0026gt; \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eТипографіка та ієрархія в CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВправа 3-1: Створення області стилів за допомогою тега \u0026lt;style\u0026gt; \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА B: Колір у CSS\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eЗміна кольору елемента вебсторінки \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eНазви кольорів у CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eСистема кольорів RGB \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eШістнадцяткова система кольорів \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eКолір тла \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВправа 3-2: Додавання кольорів у CSS різними способами \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА C: Використання додаткових ідентифікаторів CSS\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eВикористання ідентифікаторів ID у CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВикористання назв класів у CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВправа 3-3: Використання ID для стилізації \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eПідсумок \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eКонтрольні запитання \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eУрок 4: Стилізація тексту за допомогою CSS\u003c\/strong\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА A: Гарнітури шрифтів\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eЩо таке шрифт? \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВикористання властивості font-family \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eЗасічкові та беззасічкові шрифти \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eНазви шрифтів \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eДодаткові типи шрифтів \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eРезервні шрифти \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВправа 4-1: Зміна гарнітури шрифту в CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА B: Розмір шрифту\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eВластивість font-size \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eПікселі \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eОдиниці виміру EM \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВправа 4-2: Зміна розміру шрифту тексту \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА C: Інші властивості CSS для роботи з текстом\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eВластивість font-style \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВластивість font-weight \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВластивість line-height \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВластивість text-align \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВправа 4-3: Налаштування тексту за допомогою додаткових властивостей \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА D: Скорочений запис для шрифтів\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eСкорочений запис у CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eСкорочений запис для шрифтів у CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВправа 4-3: Практичне використання скороченого запису для шрифтів у CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eПідсумок \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eКонтрольні запитання \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eУрок 5: Розширені методи стилізації за допомогою HTML і CSS\u003c\/strong\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА A: Групування елементів\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eЩо таке групувальний елемент? \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eРядкове та блокове форматування \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВправа 5-1: Групування елементів вебсторінки за допомогою тегів \u0026lt;span\u0026gt; і \u0026lt;div\u0026gt; \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА B: Розміри блоків div\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eЗміна ширини блоку div \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eЗміна висоти блоку div \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eПереповнення вмісту \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВправа 5-2: Зміна стилю блоку div \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eТЕМА C: Блокова модель CSS\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eБлокова модель CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eЗовнішні відступи CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eМежі CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВнутрішні відступи CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eВправа 5-3: Зміна стилю блоку div \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eПідсумок \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eКонтрольні запитання\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003c!-- ebsi-cross-sell --\u003e\u003cdiv class=\"ebsi-cross-sell\"\u003e\n\n\u003ch3\u003eПродовжуйте навчання\u003c\/h3\u003e\n\n\u003cp\u003e\u003cstrong\u003eЧастина цього навчального маршруту:\u003c\/strong\u003e \u003ca href=\"\/uk\/collections\/internet-marketing\"\u003eІнтернет-маркетинг\u003c\/a\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eСлухачі також проходять:\u003c\/strong\u003e \u003ca href=\"\/uk\/products\/introduction-to-html-and-css-coding-part-2\"\u003eВступ до програмування HTML і CSS. Частина 2\u003c\/a\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\u003c!-- ebsi-academy-breadcrumb --\u003e\n\u003chr\u003e\u003cdiv class=\"ebsi-course-pathway\"\u003e\n\n\u003cp\u003e\u003cstrong\u003eНавчальний маршрут:\u003c\/strong\u003e \u003ca href=\"\/uk\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eАкадемія цифрового маркетингу eBSI\u003c\/a\u003e \u0026gt; \u003ca href=\"\/uk\/collections\/internet-marketing\"\u003eІнтернет-маркетинг\u003c\/a\u003e \u0026gt; Вступ до програмування HTML і CSS. Частина 1\u003c\/p\u003e\n\n\u003cp\u003eПерегляньте інші курси з \u003ca href=\"\/uk\/collections\/internet-marketing\"\u003eінтернет-маркетингу\u003c\/a\u003e або поверніться до \u003ca href=\"\/uk\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eАкадемії цифрового маркетингу eBSI\u003c\/a\u003e.\u003c\/p\u003e\n\n\n\u003c\/div\u003e","brand":"eBSI Export Academy","offers":[{"title":"Особиста ліцензія (40 EUR)","offer_id":41822179819698,"sku":"VS-054","price":40.0,"currency_code":"EUR","in_stock":true},{"title":"5 ліцензій (по 35 EUR кожна)","offer_id":59260649439580,"sku":null,"price":175.0,"currency_code":"EUR","in_stock":true},{"title":"10 ліцензій (по 30 EUR кожна)","offer_id":59260649472348,"sku":null,"price":300.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0077\/7604\/3071\/products\/IntroductiontoHTMLandCSSCodingPart1.png?v=1649036420","url":"https:\/\/www.ebsi.ie\/uk\/products\/introduction-to-html-and-css-coding-part-1","provider":"eBSI Export Academy","version":"1.0","type":"link"}