HTML: мова розмітки гіпертексту

HTML (HyperText Markup Language – мова розмітки гіпертексту) – найголовніший наріжний камінь Всесвітнього павутиння. Інші технології переважно використовуються для опису зовнішнього вигляду та способу представлення вебсторінок (CSS) і їх функціональності та поведінки (JavaScript).

Слово “гіпертекст” вказує на посилання, що поєднує вебсторінки одна з одною, як всередині одного вебсайту, так між різними. Посилання – корінна особливість Вебу. Завантажуючи вміст до Інтернету та пов’язуючи його зі сторінками, створеними іншими людьми, можна стати дієвим учасником Всесвітнього павутиння.

Елемент HTML відділяється від решти тексту в документі за допомогою “тегів”, котрі складаються з імені елемента, оточеного символами ” < " та " >“. Ім’я елемента всередині тега є нечутливим до регістру. Таким чином, його можна писати у великому чи малому регістрі, або їх змішувати. Наприклад, тег можна написати як , або будь-як іще. Втім, загальноприйнята і рекомендована практика – писати теги в малому регістрі.

Статті нижче допоміжні у вивченні HTML.

Ключові ресурси

Початківцям веброзробки слід обов’язково прочитати нашу статтю Основи HTML, аби вивчити, що таке HTML і як її використовувати.

Статті про використання HTML, а також настанови й повні приклади можна знайти у Просторі вивчення HTML.

У нашому розлогому розділі Довідник з HTML є докладні дані про кожен елемент та атрибут HTML.

Прагнете стати веброзробником фронтенду?

Ми уклали курс, що включає всю суттєву інформацію, необхідну для праці на досягнення Вашої мети.

Розпочати

Настанови для початківців

Наш Простір вивчення HTML включає декілька модулів, що навчають HTML з нуля – без потреби попередньої підготовки.

Цей модуль закладає підвалини, допомагає прийняти важливі концепції та синтаксис, наприклад, застосування HTML до тексту, як створювати гіперпосилання, а також як використовувати HTML для структурування вебсторінки.

Цей модуль досліджує використання HTML для включення мультимедіа матеріалів у вебсторінки, включаючи різні способи вставити зображення, відео, аудіо і навіть цілі інші вебсторінки.

Представлення табличних даних на вебсторінці у зрозумілий, доступний спосіб може бути викликом. Цей модуль покриває основну розмітку таблиці, а також складніші можливості, наприклад, реалізацію підписів та підсумків.

Форми є дуже важливою частиною Всесвітньої павутини: вони надають функціональність, необхідну для взаємодії із вебсайтами, наприклад, реєстрації та автентифікації, надсилання зворотного зв’язку, купівлі товарів та багато іншого. Цей модуль робить вступ у створення клієнтських частин (фронтенду) форм.

Містить посилання на розділи вмісту, що пояснює, як використовувати HTML для розв’язання дуже поширених проблем, що виринають при створенні вебсторінок: роботи з назвами, додавання зображень чи відео, надання виразності вмісту, створення простої форми тощо.

Передові теми

Посилання

HTML складається з елементів, кожен з яких може бути видозмінений певною низкою атрибутів. Документи HTML пов’язані одне з одним за допомогою посилань.

Елементи в HTML мають атрибути. Це додаткові значення, що налаштовують елементи або видозмінюють їх поведінку у різний спосіб.

Глобальні атрибути можуть бути вказані на всіх елементах HTML, навіть тих, що не описані стандартом. Це означає, що будь-які нестандартні елементи мусять приймати ці атрибути, навіть якщо ці елементи роблять документ невідповідним стандартові HTML5.

Елементи HTML зазвичай належать до “рядкового рівня” чи “блокового рівня”. Елемент рядкового рівня займає лише простір, що оточений тегами, котрі його визначають. Блоковий елемент займає увесь простір свого батьківського елемента (контейнера), чим утворює “блокову рамку”.

HTML складається з декількох ґатунків вмісту, кожен з яких дозволений у певних контекстах, але заборонений в інших. Подібно до цього, кожен контекст має низку інших категорій вмісту, котрі він може містити, та елементів, що можуть або не можуть в них використовуватись. Це настанови щодо таких категорій.

Історична інформація про режим сумісності та режим стандартів.

Пов’язані теми

Ця стаття покриває більшість способів використання CSS для додання кольору до вмісту HTML, перелічуючи частини документів HTML, що можуть бути розфарбовані, і властивості CSS, за допомогою яких це можливо. Включає приклади, посилання на інструменти створення палітр тощо.

HTML — мова розмітки гіпертексту

HTML (англ. HyperText Markup Language — Мова розмітки гіпертекстових документів) — основана на SGML текстова мова розмітки, призначена для маркування документів, що містять текст, зображення, гіперпосилання, тощо. HTML-документи лежать в основі Веб, і відображаються із допомогою веб-браузерів. Разом із видимою інформацією, HTML-документи містять додаткові метадані, такі як, наприклад, мова тексту, автор документа, стислий підсумок. Мова розмітки розроблялась консорціумом W3C, остання версія — 4.01, очікується, що HTML буде замінена розширюваною мовою розмітки гіпертексту (XHTML).

Загальні відомості

Дані у форматі HTML нагадують звичайні текстові файли за винятком того, що деякі символи в них (так звані теги (tag)) інтерпретуються як розмітка. Розмітка надає документу деяку, визначену тегами, структуру: параграфи, розділи, абзаци, списки, малюнки, таблиці, колонтитули, індекси, зміст тощо. Всередині кожного блоку можна змінювати шрифт, розмір символів, колір тексту, виділяти текст курсивом та/або робити його напівжирним. Головною особливістю HTML є спроможність використовувати гіперзв’язки (links), завдяки яким можливі посилання та переходи з поточної веб-сторінки на інші документи, як локальні (документи поточного сервера), так і такі, що знаходяться на серверах в найвіддаленіших регіонах земної кулі. Мова HTML, також дозволяє вставляти в документи зображення, звук, відео та ін. Перегляд HTML-документу здійснюється за допомогою веб-оглядача (таких програм як Internet Explorer, Netscape та ін.).

Первинна мова розмітки HTML розроблялася у стандарті SGML, але зараз все частіше можна бачити використання XHTML, в основному подібної до звичайного HTML за вийнятком деяких синтаксичних відмінностей, введених стандартом XML.

Навчальні матеріали по HTML

Вивчення HTML та XHTML

Данный раздел предназначен в первую очередь для начинающих, только постигающих азы создания сайтов. Множество примеров, иллюстраций, вопросов для проверки и заданий для самостоятельной работы помогут быстрее изучить HTML. Для опытных пользователей также окажется полезен раздел «Валидация», где рассматриваются принципы проверки документов и исправления ошибок