Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Розмітка Тексту Спеціального Призначення | Tags and Attributes
course content

Зміст курсу

Знайомство з HTML

1. Веб Розробка

Світ ВебуЩо таке Інтернет?Розуміння того, як Працює ІнтернетЯк Працює Веб-СайтFrontend проти BackendШлях до Успіху

2. Теги та Атрибути

Розкриття Потенціалу Тегів та Атрибутів HTMLТегиАтрибутиПарні та Одиночні тегиРозмітка ТекстуЧелендж 1: Розмітка ТекстуЧелендж 2: Розмітка ТекстуЧелендж 3: Розмітка ТекстуРозмітка Тексту Спеціального ПризначенняЧелендж: Розмітка Тексту Спеціального ПризначенняВалідація

3. Структура Документа

Секрети Структурних Веб-сторінокСтруктураHead ДокументаПотік ДокументуЧелендж: Структура ДокументаІнструменти Розробника

4. Медіа та Таблиці

Магія Мультимедіа та Динамічних ТаблицьЗображенняЧелендж: ЗображенняЗображення Спеціального ПризначенняГрафічні ФорматиВбудовування Аудіо та ВідеоЧелендж: Аудіо та ВідеоТаблиціЧелендж: Таблиці

5. Форми

Сила Форм: Взаємодійте та ЗалучайтеОснова для Створення ФормиLabel для Input ЕлементаАтрибути Елементу Input Типи Елементу Input Челендж: Input та LabelЕлемент TextareaЕлемент SelectЕлемент DatalistГрупування Елементів Форм

Знайомство з HTML

Розмітка Тексту Спеціального ПризначенняРозмітка Тексту Спеціального Призначення

Посилання

Тег <a> використовується для створення гіперпосилань, які дозволяють користувачам переходити між різними веб-сторінками. Коли користувач натискає на посилання, браузер надсилає запит до сервера на сторінку, пов'язану з посиланням, і відображає відповідь на екрані. Атрибут href допомагає вказати URL-адресу сторінки призначення.

html

index.html

css

index.css

js

index.js

Атрибути посилання:

target

За замовчуванням посилання відкривається в тій самій вкладці браузера. Атрибут target дозволяє змінити цю поведінку. Щоб відкрити посилання в новій вкладці, використовуйте target="_blank".

html

index.html

css

index.css

js

index.js

download

Атрибут download можна використовувати з тегом HTML <a>, щоб вказати, що цільовий ресурс має бути завантажений, а не відображений у браузері. Коли використовується атрибут download, браузер пропонує користувачеві зберегти файл із зазначеним ім'ям. Наприклад, якщо нам потрібно створити елемент з наступним функціоналом: коли користувач натискає на посилання, браузер завантажить файл myfile.pdf з https://example.com/ і запропонує користувачеві зберегти його з ім'ям myfile.pdf.

html

index.html

css

index.css

js

index.js

href

Атрибут href використовується не тільки для переходу на інші сторінки, але й для створення посилань на адреси електронної пошти, номери телефонів та певні розділи.

html

index.html

css

index.css

js

index.js

Крім того, атрибут href можна використовувати для переходу до певних розділів на веб-сторінці. Щоб створити якірний тег, призначте атрибут id (унікальний ідентифікатор) потрібному розділу, до якого ми хочемо прокрутити. Атрибут href приймає значення, що починається з символу #, за яким слідує значення id.

Розглянемо наступний приклад, представлений у вигляді CodeSandbox. Ця платформа дозволяє перевіряти код і вивчати його функціональність.

Примітка

Будь ласка, знайдіть хвилинку, щоб перевірити функціональність, натискаючи на посилання і спостерігаючи за тим, як сторінка прокручується до певних розділів. Крім того, зверніть увагу на атрибути тегів a і h2.

Кнопка

Тег <button> в HTML використовується для створення кнопки, яка може викликати дію, наприклад, надсилання форми, виконання функції JavaScript, наприклад, відкриття і закриття спливаючого вікна або перемикання мобільного меню. За замовчуванням, <button> має атрибут type і його значенням є submit. Однак часто нам потрібно вказати type="button".

html

index.html

css

index.css

js

index.js

Примітка

Тег <a> використовується для створення гіперпосилань на інші веб-сторінки, документи або ресурси. На противагу цьому, тег <button> використовується для створення інтерактивності на веб-сторінці, запуску події або виконання дії. Важливо не змішувати їх призначення.

1. Чи можна відкрити нову вкладку/вікно за допомогою тегу `<button>`?
2. Чи можна використовувати тег `<button>` для відправки форми?
3. Яка основна відмінність між тегом `<a>` і тегом `<button>`?

Чи можна відкрити нову вкладку/вікно за допомогою тегу <button>?

Виберіть правильну відповідь

Чи можна використовувати тег <button> для відправки форми?

Виберіть правильну відповідь

Яка основна відмінність між тегом <a> і тегом <button>?

Виберіть правильну відповідь

Все було зрозуміло?

Секція 2. Розділ 9
course content

Зміст курсу

Знайомство з HTML

1. Веб Розробка

Світ ВебуЩо таке Інтернет?Розуміння того, як Працює ІнтернетЯк Працює Веб-СайтFrontend проти BackendШлях до Успіху

2. Теги та Атрибути

Розкриття Потенціалу Тегів та Атрибутів HTMLТегиАтрибутиПарні та Одиночні тегиРозмітка ТекстуЧелендж 1: Розмітка ТекстуЧелендж 2: Розмітка ТекстуЧелендж 3: Розмітка ТекстуРозмітка Тексту Спеціального ПризначенняЧелендж: Розмітка Тексту Спеціального ПризначенняВалідація

3. Структура Документа

Секрети Структурних Веб-сторінокСтруктураHead ДокументаПотік ДокументуЧелендж: Структура ДокументаІнструменти Розробника

4. Медіа та Таблиці

Магія Мультимедіа та Динамічних ТаблицьЗображенняЧелендж: ЗображенняЗображення Спеціального ПризначенняГрафічні ФорматиВбудовування Аудіо та ВідеоЧелендж: Аудіо та ВідеоТаблиціЧелендж: Таблиці

5. Форми

Сила Форм: Взаємодійте та ЗалучайтеОснова для Створення ФормиLabel для Input ЕлементаАтрибути Елементу Input Типи Елементу Input Челендж: Input та LabelЕлемент TextareaЕлемент SelectЕлемент DatalistГрупування Елементів Форм

Знайомство з HTML

Розмітка Тексту Спеціального ПризначенняРозмітка Тексту Спеціального Призначення

Посилання

Тег <a> використовується для створення гіперпосилань, які дозволяють користувачам переходити між різними веб-сторінками. Коли користувач натискає на посилання, браузер надсилає запит до сервера на сторінку, пов'язану з посиланням, і відображає відповідь на екрані. Атрибут href допомагає вказати URL-адресу сторінки призначення.

html

index.html

css

index.css

js

index.js

Атрибути посилання:

target

За замовчуванням посилання відкривається в тій самій вкладці браузера. Атрибут target дозволяє змінити цю поведінку. Щоб відкрити посилання в новій вкладці, використовуйте target="_blank".

html

index.html

css

index.css

js

index.js

download

Атрибут download можна використовувати з тегом HTML <a>, щоб вказати, що цільовий ресурс має бути завантажений, а не відображений у браузері. Коли використовується атрибут download, браузер пропонує користувачеві зберегти файл із зазначеним ім'ям. Наприклад, якщо нам потрібно створити елемент з наступним функціоналом: коли користувач натискає на посилання, браузер завантажить файл myfile.pdf з https://example.com/ і запропонує користувачеві зберегти його з ім'ям myfile.pdf.

html

index.html

css

index.css

js

index.js

href

Атрибут href використовується не тільки для переходу на інші сторінки, але й для створення посилань на адреси електронної пошти, номери телефонів та певні розділи.

html

index.html

css

index.css

js

index.js

Крім того, атрибут href можна використовувати для переходу до певних розділів на веб-сторінці. Щоб створити якірний тег, призначте атрибут id (унікальний ідентифікатор) потрібному розділу, до якого ми хочемо прокрутити. Атрибут href приймає значення, що починається з символу #, за яким слідує значення id.

Розглянемо наступний приклад, представлений у вигляді CodeSandbox. Ця платформа дозволяє перевіряти код і вивчати його функціональність.

Примітка

Будь ласка, знайдіть хвилинку, щоб перевірити функціональність, натискаючи на посилання і спостерігаючи за тим, як сторінка прокручується до певних розділів. Крім того, зверніть увагу на атрибути тегів a і h2.

Кнопка

Тег <button> в HTML використовується для створення кнопки, яка може викликати дію, наприклад, надсилання форми, виконання функції JavaScript, наприклад, відкриття і закриття спливаючого вікна або перемикання мобільного меню. За замовчуванням, <button> має атрибут type і його значенням є submit. Однак часто нам потрібно вказати type="button".

html

index.html

css

index.css

js

index.js

Примітка

Тег <a> використовується для створення гіперпосилань на інші веб-сторінки, документи або ресурси. На противагу цьому, тег <button> використовується для створення інтерактивності на веб-сторінці, запуску події або виконання дії. Важливо не змішувати їх призначення.

1. Чи можна відкрити нову вкладку/вікно за допомогою тегу `<button>`?
2. Чи можна використовувати тег `<button>` для відправки форми?
3. Яка основна відмінність між тегом `<a>` і тегом `<button>`?

Чи можна відкрити нову вкладку/вікно за допомогою тегу <button>?

Виберіть правильну відповідь

Чи можна використовувати тег <button> для відправки форми?

Виберіть правильну відповідь

Яка основна відмінність між тегом <a> і тегом <button>?

Виберіть правильну відповідь

Все було зрозуміло?

Секція 2. Розділ 9
some-alt