translation(HTML): web/html/index.md (#194)

* translation(HTML): web/html/index.md

* Apply suggestions from code review

Co-authored-by: Mykola Myslovskyi <[email protected]>

Co-authored-by: Vitalii Perehonchuk <[email protected]>
Co-authored-by: Mykola Myslovskyi <[email protected]>

files/uk/web/html/index.md

@@ -0,0 +1,90 @@
+---
+title: 'HTML: мова розмітки гіпертексту'
+slug: Web/HTML
+tags:
+  - HTML
+  - HTML5
+  - Landing
+  - Web
+  - l10n:priority
+---
+
+{{HTMLSidebar}}
+
+**HTML** (HyperText Markup Language – мова розмітки гіпертексту) – найголовніший наріжний камінь Всесвітнього павутиння. Інші технології переважно використовуються для опису зовнішнього вигляду та способу представлення вебсторінок ([CSS](/uk/docs/Web/CSS)) і їх функціональності та поведінки ([JavaScript](/uk/docs/Web/JavaScript)).
+
+Слово "гіпертекст" вказує на посилання, що поєднує вебсторінки одна з одною, як всередині одного вебсайту, так між різними. Посилання – корінна особливість Вебу. Завантажуючи вміст до Інтернету та пов‘язуючи його зі сторінками, створеними іншими людьми, можна стати дієвим учасником Всесвітнього павутиння.
+
+HTML використовує "розмітку" для опису тексту, зображень та іншого вмісту для відображення у вебоглядачі. Розмітка HTML включає особливі "елементи", наприклад, {{HTMLElement("head")}} (голову), {{HTMLElement("title")}} (назву), {{HTMLElement("body")}} (тіло), {{HTMLElement("header")}} (заголовок), {{HTMLElement("footer")}}(нижній колонтитул), {{HTMLElement("article")}} (параграф), {{HTMLElement("section")}} (розділ), {{HTMLElement("p")}} (абзац), {{HTMLElement("div")}} (ділянка), {{HTMLElement("span")}} (відрізок), {{HTMLElement("img")}} (зображення), {{HTMLElement("aside")}} (боковий), {{HTMLElement("audio")}} (звук), {{HTMLElement("canvas")}} (полотно), {{HTMLElement("datalist")}} (список даних), {{HTMLElement("details")}} (подробиці), {{HTMLElement("embed")}} (вбудоване), {{HTMLElement("nav")}} (навігація), {{HTMLElement("output")}} (вивід), {{HTMLElement("progress")}} (поступ), {{HTMLElement("video")}} (відео), {{HTMLElement("ul")}} (невпорядкований список), {{HTMLElement("ol")}} (упорядкований список), {{HTMLElement("li")}} (елемент списку), та багато інших.
+
+Елемент HTML відділяється від решти тексту в документі за допомогою "тегів", котрі складаються з імені елемента, оточеного символами "`<`" та "`>`". Ім‘я елемента всередині тега є нечутливим до регістру. Таким чином, його можна писати у великому чи малому регістрі, або їх змішувати. Наприклад, тег `<title>` можна написати як `<Title>`, `<TITLE>` або будь-як іще.
+
+Статті нижче допоміжні у вивченні HTML.
+
+## Ключові ресурси
+
+- Вступ до HTML
+  - : Початківцям веброзробки слід обов‘язково прочитати нашу статтю [Основи HTML](/uk/docs/Learn/Getting_started_with_the_web/HTML_basics), аби вивчити, що таке HTML і як її використовувати.
+- Настанови з HTML
+  - : Статті про використання HTML, а також настанови й повні приклади можна знайти у [Просторі вивчення HTML](/uk/docs/Learn/HTML).
+- Довідник з HTML
+  - : У нашому розлогому розділі [Довідник з HTML](/uk/docs/Web/HTML/Reference) є докладні дані про кожен елемент та атрибут HTML.
+
+> **Оголошення:**
+>
+> #### Прагнете стати веброзробником фронтенду?
+>
+> Ми уклали курс, що включає всю суттєву інформацію, необхідну для
+> праці на досягнення Вашої мети.
+>
+> [**Розпочати**](/uk/docs/Learn/Front-end_web_developer)
+
+## Настанови для початківців
+
+Наш [Простір вивчення HTML](/uk/docs/Learn/HTML) включає декілька модулів, що навчають HTML з нуля – без потреби попередньої підготовки.
+
+- [Вступ до HTML](/uk/docs/Learn/HTML/Introduction_to_HTML)
+  - : Цей модуль закладає підвалини, допомагає прийняти важливі концепції та синтаксис, наприклад, застосування HTML до тексту, як створювати гіперпосилання, а також як використовувати HTML для структурування вебсторінки.
+- [Мультимедіа та вбудування](/uk/docs/Learn/HTML/Multimedia_and_embedding)
+  - : Цей модуль досліджує використання HTML для включення мультимедіа матеріалів у вебсторінки, включаючи різні способи вставити зображення, відео, аудіо і навіть цілі інші вебсторінки.
+- [Таблиці HTML](/uk/docs/Learn/HTML/Tables)
+  - : Представлення табличних даних на вебсторінці у зрозумілий, доступний спосіб може бути викликом. Цей модуль покриває основну розмітку таблиці, а також складніші можливості, наприклад, реалізацію підписів та підсумків.
+- [Форми HTML](/uk/docs/Learn/Forms)
+  - : Форми є дуже важливою частиною Всесвітньої павутини: вони надають функціональність, необхідну для взаємодії із вебсайтами, наприклад, реєстрації та автентифікації, надсилання зворотного зв‘язку, купівлі товарів та багато іншого. Цей модуль робить вступ у створення клієнтських частин (фронтенду) форм.
+- [Використання HTML для розв‘язання поширених проблем](/uk/docs/Learn/HTML/Howto)
+  - : Містить посилання на розділи вмісту, що пояснює, як використовувати HTML для розв‘язання дуже поширених проблем, що виринають при створенні вебсторінок: роботи з назвами, додавання зображень чи відео, надання виразності вмісту, створення простої форми тощо.
+
+## Передові теми
+
+- [Зображення із CORS](/uk/docs/Web/HTML/CORS_enabled_image)
+  - : Атрибут {{htmlattrxref("crossorigin", "img")}}, поєднаний із відповідним заголовком {{glossary("CORS")}}, дає змогу зображенням, визначеним елементом {{HTMLElement("img")}}, бути завантаженими зі сторонніх джерел та використовуватись в елементі {{HTMLElement("canvas")}} так, ніби вони були завантажені з поточного джерела.
+- [Атрибути налаштувань CORS](/uk/docs/Web/HTML/Attributes/crossorigin)
+  - : Деякі елементи HTML, що підтримують [CORS](/uk/docs/Web/HTTP/CORS), наприклад, {{HTMLElement("img")}} чи {{HTMLElement("video")}}, мають атрибут `crossorigin` (властивість `crossOrigin`), що дає змогу налаштовувати CORS-запити для стягуваних елементом даних.
+- [Завантаження вмісту наперед за допомогою rel="preload"](/uk/docs/Web/HTML/Preloading_content)
+  - : Значення `preload` атрибута {{htmlattrxref("rel", "link")}} елемента {{htmlelement("link")}} дає змогу писати декларативні запити даних всередині тега HTML {{htmlelement("head")}}, вказуючи ресурси, що будуть потрібні вебсторінці вельми скоро після завантаження, так, що варто почати завантаження їх наперед якомога раніше у життєвому циклі завантаження сторінки, до того, як почне діяти головний механізм візуалізації браузера. Це дає змогу пересвідчитись, що такі ресурси будуть доступними раніше, й зменшити ймовірність блокування ними першої візуалізації сторінки, що, як наслідок, призводить до покращення швидкодії. Ця стаття дає основні настанови щодо того, як працює `preload`.
+
+## Довідники
+
+- [Довідник з HTML](/uk/docs/Web/HTML/Reference)
+  - : HTML складається з **елементів**, кожен з яких може бути видозмінений певною низкою **атрибутів**. Документи HTML пов‘язані одне з одним за допомогою [посилань](/uk/docs/Web/HTML/Link_types).
+- [Довідник елементів HTML](/uk/docs/Web/HTML/Element)
+  - : Перегляд списку всіх {{glossary("Element", "елементів")}} {{glossary("HTML")}}.
+- [Довідник атрибутів HTML](/uk/docs/Web/HTML/Attributes)
+  - : Елементи в HTML мають **атрибути**. Це додаткові значення, що налаштовують елементи або видозмінюють їх поведінку у різний спосіб.
+- [Глобальні атрибути](/uk/docs/Web/HTML/Global_attributes)
+  - : Глобальні атрибути можуть бути вказані на всіх [елементах HTML](/uk/docs/Web/HTML/Element), _навіть тих, що не описані стандартом_. Це означає, що будь-які нестандартні елементи мусять приймати ці атрибути, навіть якщо ці елементи роблять документ невідповідним стандартові HTML5.
+- [Рядкові елементи](/uk/docs/Web/HTML/Inline_elements) та [блокові елементи](/uk/docs/Web/HTML/Block-level_elements)
+  - : Елементи HTML зазвичай є "рядковими" чи "блоковими". Рядковий елемент займає лише простір, що оточений тегами, котрі його визначають. Блоковий елемент займає увесь простір свого батьківського елемента (контейнера), чим створює "блок".
+- [Типи посилань](/uk/docs/Web/HTML/Link_types)
+  - : У HTML для встановлення та визначення залежностей між двома документами можуть застосовуватись різні типи посилань. Елементи посилань, на котрих можуть бути встановлені типи, це {{HTMLElement("a")}} (якір), {{HTMLElement("area")}} (простір) та {{HTMLElement("link")}} (зв'язок).
+- [Настанови з типів та форматів медіа у Вебі](/uk/docs/Web/Media/Formats)
+  - : Елементи {{HTMLElement("audio")}} та {{HTMLElement("video")}} дають змогу відтворювати аудіо та відео вміст у природний спосіб всередині вмісту, без потреби підтримки будь-якого зовнішнього програмного забезпечення.
+- [Категорії вмісту HTML](/uk/docs/Web/Guide/HTML/Content_categories)
+  - : HTML складається з декількох ґатунків вмісту, кожен з яких дозволений у певних контекстах, але заборонений в інших. Подібно до цього, кожен ґатунок має низку інших ґатунків вмісту, що може містити, та елементів, що можуть або не можуть в них використовуватись. Це настанови щодо таких ґатунків.
+- [Режим сумісності та режим стандартів](/uk/docs/Web/HTML/Quirks_Mode_and_Standards_Mode)
+  - : Історична інформація про режим сумісності та режим стандартів.
+
+## Пов‘язані теми
+
+- [Застосування кольору до елементів HTML за допомогою CSS](/uk/docs/Web/HTML/Applying_color)
+  - : Ця стаття покриває більшість способів використання CSS для додання кольору до вмісту HTML, перелічуючи частини документів HTML, що можуть бути розфарбовані, і властивості CSS, за допомогою яких це можливо. Включає приклади, посилання на інструменти створення палітр тощо.

uk_spelling_additions.txt

@@ -1,5 +1,6 @@
 веб-API
 веброзробників
+веброзробником
 вебтехнологій
 викази
 властивості-значення
@@ -60,6 +61,7 @@
 флексбоксом
 флексбоксу
 фронтенд
+фронтенду
 хоста
 юнікод
 юнікодна