Що таке HTML з інформатики

Що таке HTML і для чого він потрібний

HTML – це ключовий елемент у розробці. Він використовується для створення веб-сторінок, визначаючи структуру, зміст та візуальне подання інформації. У цій статті ми розглянемо, що таке HTML і чому він потрібний для сучасного веб-світу.

Зміст

Що таке HTML?

HTML (HyperText Markup Language) – це мова розмітки, яка допомагає створенню та структуруванню. З його допомогою можна визначити структуру, впровадити текст, зображення, посилання.

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

HTML володіє простою структурою і легко засвоюється, що робить його прекрасним вибором для розробників-початківців. HTML-документ сприяє створенню статичних веб-сторінок та відіграє першу та ключову роль при освоєнні інших інструментів верстки та версій сторінки. Наприклад, CSS (Cascading Style Sheets) та мова JavaScript.

Важливим аспектом володіння HTML є можливість створення веб-сайтів усередині, що відповідають сучасним стандартам та вимогам доступності. Правильне використання коду та елементів у документі допомагає створити зручний доступний інтерфейс програми для користувачів, а також має значення для програми.

Приклад простої HTML-сторінки:

Заголовок сторінки

Це абзац тексту та заголовок.

HTML відіграє найважливішу роль усередині сфери веб-розробки та програмування, оскільки він визначає структуру документа, забезпечуючи правильне відображення інформації в пошукових системах.Крім того, HTML-тег часто поєднується з іншими технологіями, такими як CSS (Cascading Style Sheets) для додання стилю та JavaScript для інтерактивних функцій на веб-сайтах.

HTML у своїй роботі часто використовують JavaScript-розробники. Почати кар'єру у цій сфері можна на онлайн-курсах із сайту tutortop:

Отримайте промокод 10 000 ₽ на навчання та курси вартістю 20 000 ₽ у подарунок!

Натискаючи кнопку «Отримати», я погоджуюсь на обробку моїх персональних даних.

Дякую! Ми отримали вашу заявку. Скоро з вами зв'яжемося.

Навіщо потрібний HTML?

HTML відіграє ключову роль у створенні та відображенні. Ось кілька основних причин, чому HTML необхідний у веб-розробці:

З використанням мови HTML пошуковик виконує запит на адресу, вказану користувачем, і отримує файл з розширенням html. Потім вивчає код, розпізнає знайомі йому сигнали, виходячи з яких визначає, які слова відобразити, де розмістити заголовки і які саме елементи створити на сторінці. Так, код із файлу перетворюється на потрібні візуальні об'єкти.

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

Для Safari:

Перейдіть до параметрів браузера.
Переконайтеся, що встановлене налаштування навпроти пункту «Показувати меню „Розробка“ у рядку меню» у розділі «Додатки».
Потім відкрийте пункт «Розробка» та оберіть «Показати ресурси сторінки».

Для Google Chrome:

Натисніть правою кнопкою миші будь-де.
Через деякий час у меню, що випадає, виберіть «View Page Source» (Перегляд вихідного коду сторінки).
Варто зазначити, що команди відрізняються залежно від документа, але процес перегляду HTML-коду сторінки аналогічний.

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

Як працює HTML і навіщо він призначений?

HyperText Markup Language працює як мова розмітки, яку визначає пристрій. Його робота ґрунтується на наступних принципах – зібрали в один список:

HTML використовує спеціальні символи – теги – для визначення різних компонентів на сторінці. Наприклад, тег
використовується для створення абзаців тексту, а для встановлення заголовків. Елементи можуть бути вкладені один в одного, що створює ієрархічний пристрій сторінки.
Теги зазвичай мають дві частини - відкриває і закриває. Наприклад,
— це тег, що відкриває, а
- Закриває тег. Зміст таблиць розташовується між цими тегами.
Теги можуть також містити атрибути, які надають додаткову інформацію. Наприклад, новий атрибут src у тезі вказує на джерело зображення.
Частини можуть бути вкладені одна в одну, утворюючи деревоподібну структуру. Це дозволяє визначити, як все пов'язане один з одним і як воно має відображатися на сторінці.
Під час завантаження браузер вивчає HTML-код та його теги, інтерпретує його та відображає контент на екрані користувача відповідно до зазначених правил та стилів.

Процес роботи можна описати так:

Користувач вводить URL-адресу в адресному рядку і натискає клавішу «Enter».
Через деякий час браузер надсилає новий запит тега на сервер, запитуючи за вказаною адресою.
Сервер відправляє HTML-документ та його теги назад.
Браузер вивчає HTML-код і створює деревоподібне дерево елементів, яке називається DOM (Document Object Model).
Браузер інтерпретує CSS-стилі та JavaScript-скрипти, якщо вони присутні у тегах HTML-документа.
Браузер відображає сторінку та теги на екрані користувача, враховуючи пристрій тегів HTML, стилі CSS та динамічні дії мови програмування JavaScript.
Код HTML є основою для сайту, визначаючи їх структуру, видимі для користувачів, та забезпечуючи фундамент для будь-яких інтерактивних та творчих веб-додатків.

Вивчити різні мови та стати програмістом можна на онлайн-курсі «Python-розробник» від Bang Bang Education.

Переваги та недоліки HTML

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

Переваги

HTML широко підтримується будь-якими браузерами та на різних платформах, що робить його універсальною мовою для веб-контенту.
Мова програмування HTML відносно проста у вивченні та використанні. Навіть новачки можуть швидко освоїти його засади.
HTML надає семантичні ланки, які допомагають пошуковим системам розуміти структуру тексту веб-сторінки, що позитивно впливає на SEO та відкритість сайту.
Код гіпертексту легко інтегрується з CSS для стилізації та мова JavaScript для інтерактивних функцій, що дозволяє створювати потужні веб-програми.
За допомогою верстки HTML і CSS можна створювати адаптивні веб-сторінки, які відмінно відображаються на різних пристроях.
Правильне застосування HTML, тексту, таблиць та атрибутів може значно покращити доступність веб-сторінок з обмеженими можливостями.

Недоліки

HTML сам по собі має обмежені гіпертекстові засоби для складного і креативного дизайну веб-сторінок. Для більш виразних дизайнів і даних необхідно використовувати CSS і, можливо, JavaScript.
HTML-сторінки та їх описи за промовчанням є статичними та не здатні забезпечувати складні динамічні функції без залучення додаткових технологій, таких як JavaScript та серверні мови програмування.
Різні браузери можуть по-різному інтерпретувати HTML, що може викликати проблеми сумісності та потреба додаткових зусиль для забезпечення однорідного відображення на різних платформах.
HTML-код, що отримується від деяких користувачів (наприклад, через веб-форми), може становити ризик для безпеки, оскільки може стати найсерйознішим джерелом уразливостей, таких як ін'єкції SQL та XSS (міжсайтовий скриптинг). Тому забезпечення безпеки веб-додатків потребує додаткових заходів.
Для розробки великих і дуже складних безкоштовних веб-додатків, таких як соціальні мережі або онлайн-магазини, потрібне використання потужніших інструментів, текстів та фреймворків.

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

Спеціально для вас ми зібрали окрему добірку кращих онлайн-курсів по верстці на HTML/CSS на ринку та порівняли їх за ціною, тривалістю та відгуками студентів.

Що таке HTML і навіщо він потрібний

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

Текстовий файл з основою веб-сторінки пишуть на HTML (HyperText Markup Language) — це мова гіпертекстової розмітки.

Гіпертекст – це система текстів, в якій розробники прописують елементи сайту та пов'язують їх між собою посиланнями. Завдяки гіпертексту ми можемо переходити за посиланнями на сайті, відкривати відео та картинки.

Спробуйте себе у Frontend-розробці

Навіщо потрібний HTML

Основна мета HTML - структурувати та оформлювати контент на сайті.

HTML створює ієрархічну структуру веб-сторінки, використовуючи заголовки, абзаци, списки та таблиці.

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

Можливості HTML

За допомогою HTML можна:

Робити текстову розмітку — форматувати текст, виділяти фрагменти, створювати списки, додавати виноски.
Вбудовувати медіа.HTML дозволяє розміщувати на сайті зображення, аудіо, відео, карти.
Створювати посилання та навігацію.Гіперпосилання та списки меню допомагають швидше знайти інформацію та зорієнтуватися на сторінці.
Створювати таблиціНерідко інформацію зручно подати у табличному вигляді.HTML уміє працювати з таблицями.
Створювати форми. Форми потрібні для реєстрації відвідувачів сайту за телефоном та електронною поштою, оформлення замовлень, опитувань та збору зворотного зв'язку — відгуків, коментарів, пропозицій.

HTML можна навіть створювати простий дизайн: наприклад, встановлювати колір і шрифт тексту або фоновий колір блоку. Але більш складний дизайн сторінки розробники роблять за допомогою CSS - мови стилів, яку створили спеціально для роботи у зв'язці з HTML.

Можливостей HTML не вистачає, щоб «оживляти» сайти, робити їх функціональними та інтерактивними. Тут приходить на допомогу мову програмування JavaScript, завдяки якій ми можемо взаємодіяти з формами на сайті, бачити динамічні елементи та анімації.

Читайте також:

Як виглядає код на HTML

Побачити HTML-код дуже просто. Для цього натисніть клавішу F12 на будь-якому сайті або праву кнопку миші та виберіть "Показати вихідний код" або "Перегляд коду сторінки". У різних браузерах назви цієї команди можуть відрізнятися.

Так виглядає HTML-код головної сторінки блогу Хекслета

HTML-код пишуть і зберігають у документі - текстовому файлі з розширенням .html або .htm. HTML-файл можна написати в будь-якому текстовому редакторі, навіть у стандартному Блокноті Windows. Щоб переглядати HTML-файли, інтернет не потрібний.

Якщо створити кілька HTML-файлів в одній папці і поставити всередині гіперпосилання, можна переходити по цих посиланнях з одного документа в інший.

Що таке теги HTML

HTML-теги - це команди, які говорять браузеру, що і в якому порядку показувати на екрані. Кожен тег має ім'я, яке розташоване в кутових дужках.

Найпростіша HTML-сторінка складається з трьох тегів: , і .

Теги та використовують на сторінці лише один раз.

HTML-файл завжди починається з тега , яким браузер розуміє, як правильно відобразити сторінку.

У тезі зберігається службова інформація - заголовок та кодування сторінки.

Всередині тега міститься вміст сторінки, який відображається у браузері - текст, зображення, відео.

У тегу – заголовок веб-сторінки. Його браузер відобразить як назву та збереже в описі, якщо зберегти сторінку в закладках.

Тег поміщає зображення у потрібне місце сторінки.

Є парні та непарні HTML-теги, перші — більшість. Парний тег складається з тега, що відкриває і закриває. Закриває тег містить додатковий елемент / - ця коса риса називається «слеш».

Наприклад, тег

, всередині якого розміщується текст, парний:

Тег , який дозволяє розмістити картинку на сайті, - непарний:


src ='robot-bender.jpg'
alt='picture-of-Bender-the-robot'>

Кожен тег має атрибути. Вони розширюють можливості тегів: задають стилі, додають посилання, керують мультимедіа.

У прикладі вище показано два основні атрибути непарного тега - Це src і alt. Атрибут src додає посилання на файл зображення, атрибут alt — підпис до картинки, яку покаже браузер, якщо файл зображення не завантажиться.

Важливо пам'ятати про закриті теги. Якщо тег не закритий або закритий неправильно, верстка сторінки може зламатися і сайт буде відображатися неправильно.

Для логічного послідовного подання інформації використовують заголовки, абзаци та списки.

Заголовки

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

У HTML застосовують шість тегів заголовків: , , , , і . Тег зазвичай використовується для головного заголовка сторінки, а теги використовуються для підзаголовків та інших заголовків на сторінці.

Заголовки конкретної сторінки допомагають пошуковим системам на кшталт Google або Яндекса визначити її зміст. Для пошукових систем кожен наступний тег заголовка менш важливий, ніж попередній. Тобто у заголовка менша важливість, ніж у заголовка.

Абзац

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

Текст, розбитий на абзаци читати та сприймати легше, ніж суцільне «полотно». Абзац поділяє вміст на логічно зв'язані блоки.

Списки

Списки впорядковують інформацію на сторінці та покращують її сприйняття. Зазвичай використовуються нумеровані та ненумеровані списки.

Ненумеровані або марковані списки (буллети) додають на сторінку тегом . Такі списки застосовують, коли послідовність елементів не є важливою.

Окремий елемент у списку будь-якого типу вводиться тегом. Цей тег слід закривати після кожного пункту.

Читайте також:

Переваги та недоліки HTML

Плюси HTML

Простота та доступність. HTML - це проста мова розмітки, яку легко вивчити та використовувати. Код на ньому можна писати у будь-якому текстовому редакторі.
Адаптивний дизайн. Теги в сучасних версіях HTML дозволяють робити різні версії одного сайту для зручного перегляду будь-якого пристрою: від смартфона і планшета до великого монітора.
Гнучкість. На HTML можна створювати прості сайти без використання інтерактивних елементів, що змінюються. Наприклад, лендинг, сайт-візитку компанії, портфоліо, каталоги, довідники, інструкції, малі блоги.

Мінуси HTML

Обмежені можливості. HTML – це мова розмітки, а не мова програмування. Робити сучасні сайти лише на HTML не вдасться. HTML, наприклад, не може створювати динамічні веб-сторінки, які змінюються в реальному часі без перезавантаження сторінки. Для створення чогось складнішого не обійтися без CSS і JavaScript.
Неповна сумісність останніх версій HTML та браузерів. Деякі браузери не відразу вбудовують підтримку нових функцій та тегів, старі версії (Internet Explorer 8 і раніше) можуть неадекватно інтерпретувати нові теги.

Чи є HTML мовою програмування

Ні. Мови програмування необхідні для створення складних веб-сайтів, які виконують завдання та взаємодіють із користувачами.

Щоб обробляти дані, введені у форми, обмінюватися цією інформацією з базами даних, що зберігаються на сервері, створювати анімацію використовують мови програмування JavaScript, PHP та Python.

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

Освоїти HTML можна на курсах Хекслета - пройдіть їх, щоб зробити свій перший крок у професії фронтенд-розробника.

Основи HTML

HTML (Hypertext Markup Language) - це код, який використовується для структурування та відображення веб-сторінки та її контенту. Наприклад, контент може бути структурований всередині множини параграфів, маркованих списків або з використанням зображень та таблиць даних. Як видно з назви, ця стаття дасть вам базове розуміння HTML та його функцій.

Що таке HTML насправді?

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

Моя кішка дуже роздратована

Якби ми хотіли, щоб рядок стоял сам по собі, ми могли б вказати, що це абзац, укладаючи його в теги абзацу:

Моя кішка дуже роздратована

Анатомія HTML елемента

Давайте розглянемо елемент абзацу докладніше.

Головними частинами нашого елемента є:

Відкриваючий тег (Opening tag): Складається з імені елемента (в даному випадку, "p"), укладеного в відкривають і закривають кутові дужки.Відкриваючий тег вказує, де елемент починається чи починає діяти, у разі — де починається абзац.
Закриваючий тег (Closing tag): Це те саме, що і тег, що відкриває, за винятком того, що він включає в себе косу рису перед ім'ям елемента. початківців і може призводити до дивних результатів.
Контент (Content): Це контент елемента, що в даному випадку є просто текстом.
Елемент(Element): Тег, що відкриває, закриває тег і контент разом складають елемент.

Елементи також можуть мати атрибути, які мають такий вигляд:

Атрибути містять додаткову інформацію про елемент, який ви не бажаєте показувати у фактичному контенті. В даному випадку, class це ім'я атрибуту, а editor-note це значення атрибуту. Клас дозволяє дати елементу ідентифікаційне ім'я, яке може пізніше використовуватися, щоб звертатися до елемента з інформацією про стиль та інші речі.

Атрибут завжди повинен мати:

Пробіл між ним та ім'ям елемента (або попереднім атрибутом, якщо елемент вже має один або кілька атрибутів).
Ім'я атрибута, за яким слідує знак рівності.
Значення атрибута, укладене з двох сторін у лапки.

Вкладені елементи

Ви також можете розташовувати елементи всередині інших елементів - це називається вкладенням. Якщо ми хочемо заявити, що наша кішка дуже Роздратована, ми можемо укласти слово "дуже" в елемент , який вказує, що слово має бути сильно акцентовано:

Моя кішка  дуже роздратована.

Ви, однак, повинні переконатися, що ваші елементи правильно вкладені: у прикладі вище ми відкрили перший елемент , потім елемент , потім ми повинні закрити спочатку елемент , потім . Наведене нижче не так:

Моя кішка дуже роздратована.

Елементи повинні відкриватися та закриватися правильно, тому вони явно розташовуються усередині або зовні один одного. Якщо вони перекриваються, як у прикладі вище, ваш веб-браузер намагатиметься зробити найкраще припущення на основі того, що ви намагалися сказати, що може призвести до несподіваних результатів. Тож не варто цього робити!

Порожні елементи

Деякі елементи не мають контенту, і називаються порожніми елементами. Візьмемо елемент, який вже є в нашому HTML:

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

Анатомія HTML документа

Ми завершили вивчення основ окремих HTML елементів, але вони дуже корисні власними силами. Тепер ми подивимося, як окремі елементи поєднуються в цілу HTML сторінку. Повернімося до коду, який ми записували в наш index.html (з яким ми вперше зустрілися у статті Робота з файлами):




Моя тестова сторінка

- Доктайп. У минулому, коли HTML був молодий (близько 1991/1992), доктайпи повинні були виступати як посилання на набір правил, яким HTML сторінка мала слідувати, щоб вважатися хорошим HTML, що могло означати автоматичну перевірку помилок та інші корисні речі. Однак у наші дні ніхто не дбає про це, і вони насправді просто історичний артефакт, який має бути включений для того, щоб усе працювало правильно. На даний момент це все, що вам потрібно знати.
- Елемент . Цей елемент обертає весь контент на всій сторінці, а іноді відомий як кореневий елемент.
- Елемент . Цей елемент виступає як контейнер для всього, що ви захочете включити на HTML сторінку, але що не є контентом, який ви показуєте користувачам вашої сторінки. До них відносяться такі речі, як ключові слова та опис сторінки, які будуть з'являтися в результатах пошуку, CSS стилі нашого контенту, кодування та багато іншого.
- Елемент . У ньому міститься весь контент, який ви хочете показувати користувачам, коли вони відвідують вашу сторінку, будь то текст, зображення, відео, ігри, аудіодоріжки, що програються, або щось ще.
— цей елемент встановлює UTF-8 кодування вашого документа, яке включає більшість символів з усіх відомих людству мов. По суті тепер документ може обробляти будь-який текстовий контент, який ви в нього вкладете. Немає причин не встановлювати її, тому що це допоможе уникнути деяких проблем надалі.
- Елемент . Цей елемент встановлює заголовок для вашої сторінки, який є назвою, що з'являється на вкладці браузера сторінки, і використовується для опису сторінки, коли ви додаєте її в закладки/вибране.

Зображення

Давайте знову звернемо нашу увагу на елемент зображення:

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

Ми також включили атрибут alt (alternative, альтернатива). У цьому атрибуті ви вказуєте пояснювальний текст для користувачів, які не можуть побачити зображення, можливо, з таких причин:

У них є порушення зору. Користувачі зі значним порушенням зору часто використовують інструменти, які називають Screen Readers (екранні диктори), які читають для них альтернативний текст.
Щось пішло не так, у результаті зображення не відобразилося. Наприклад, спробуйте навмисно змінити шлях у вашому атрибуті src, зробивши його неправильним. Якщо ви збережете та перезавантажте сторінку, то ви повинні побачити щось подібне замість зображення:

Альтернативний текст – це "пояснювальний текст". Він повинен надати читачеві достатньо інформації, щоб мати уявлення про те, що передає зображення.У цьому прикладі наш текст "My test image" ("Моє тестове зображення") не годиться. Найкращою альтернативою для нашого логотипу Firefox буде "The Firefox logo: a flaming fox surrounding the Earth" ("Логотип Firefox: вогняний Лис навколо Землі").

Зараз спробуйте вигадати більш відповідний альтернативний текст для вашого зображення.

Примітка: Дізнайтесь більше про спеціальні можливості.

Розмітка тексту

У цьому розділі розглянемо деякі з основних HTML елементів, які ви використовуватимете для розмітки тексту.

Заголовки

Елементи заголовка дозволяють вам вказувати певні частини вашого контенту як заголовки або підзаголовки. Так само, як книга має назву, назви розділів і підзаголовків, HTML документ може містити те саме. HTML включає шість рівнів заголовків – , хоча зазвичай ви будете використовувати не більше 3-4 :

Мій головний заголовок
Мій заголовок верхнього рівня
Мій підзаголовок
Мій під-підзаголовок

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

Абзаци

Це одиночний абзац

Додайте свій зразок тексту (ви створювали його у статті Яким має бути ваш веб-сайт?) один або кілька абзаців, розташованих прямо під елементом .

Списки

Більшість веб-контенту є списками і HTML має спеціальні елементи для них. Розмітка списку завжди складається щонайменше з двох елементів. Найбільш поширеними типами списків є нумеровані та ненумеровані списки:

Ненумеровані списки - це списки, де порядок пунктів немає значення, як у списку покупок. Вони обертаються в елемент.
Нумеровані списки - це списки, де порядок пунктів має значення, як у рецепті.Вони обертаються в елемент.

Кожен пункт усередині списків розташовується усередині елемента (list item, елемент списку).

Наприклад, якщо ми хочемо включити частину наступного фрагмента абзацу до списку:


Mozilla, ми є світовим співтовариством технологів, мислителів та будівельників, що працюють разом.

Ми могли б змінити розмітку:

Спробуйте додати впорядкований або невпорядкований список на сторінку.

Посилання

Посилання дуже важливі – це те, що робить Інтернет Інтернетом. a це скорочення від "anchor" ("якір"). Щоб текст у вашому абзаці став посиланням, виконайте такі дії:

Виберіть текст. Ми вибрали текст "Маніфест Mozilla".
Оберніть текст на елемент , наприклад:

Ви можете отримати несподівані результати, якщо на початку веб-адреси ви опустите https:// або http:// частина, яка називається протоколомПісля створення посилання, натисніть на ньому, щоб переконатися, що вона направляє вас туди, куди ви хотіли.

Примітка: href спочатку може виглядати досить незрозумілим вибором для імені атрибута. hypertext reference ("Гіпертекстове посилання").

Тепер додайте посилання на вашу сторінку, якщо ви ще цього не зробили.

Висновок

Якщо ви дотримувалися всіх інструкцій у цій статті, то ви повинні побачити зрештою сторінку, аналогічну малюнку нижче (ви також можете подивитися її тут):

Якщо ви застрягли, ви можете порівняти свою роботу з нашим готовим прикладом коду на GitHub.

Тут ви дізналися тільки саму поверхню HTML. Щоб дізнатися більше, перейдіть на сторінку Навчання HTML: посібники та уроки.