Основні приклади

Мій перший заголовок

Мій перший параграф.

Це заголовок 1

Це заголовок 2

Це заголовок 3

Це параграф.

Це інший параграф.

Це посилання

Невпорядкований список HTML

Впорядкований список HTML

  1. Кава
  2. Чай
  3. Молоко

Елементи

Мій перший заголовок

Мій перший параграф.

Атрибути

Це посилання coca-cola picture

Це параграф зеленого кольору.

Це параграф.

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

John з подвійними лапками

John з одинарними лапками

Параграфи

Це параграф.

Це параграф.

Це параграф.

В HTML пробіли і нові рядки ігноруються:

Зродились ми великої години, З пожеж війни і з полум'я вогнів, Плекав нас біль по втраті України, Кормив нас гнів і злість на ворогів.

Тег pre зберігає як пробіли, так і розриви рядків:

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

Посилання

HTML уроки для початківців онлайн

Кольори посилань

Ви можете змінити стандартні кольори посилань

Кнопка посилання

Посилання, оформлене у вигляді кнопки:

Це посилання

Атрибут target

Відвідати W3Schools!

Якщо target="_blank", посилання відкриється в новому вікні або вкладці браузера.

HTML5 Підручник!

Перейти до розділу 4

Перейти до розділу 10

Розділ 1

Цей розділ пояснює...

Розділ 2

Цей розділ пояснює...

Розділ 3

Цей розділ пояснює...

Розділ 4

Цей розділ пояснює...

Розділ 5

Цей розділ пояснює...

Розділ 10

Цей розділ пояснює...

Карти зображень

Workplace Комп’ютер

Зображення в якості фону

Ви можете вказати фонові зображення
для будь-якого видимого елемента HTML.




Таблиці

Стилізація таблиць

Ім'я Прізвище Вік
Jill Smith 50
Eve Jackson 94
John Doe 80

Ім'я Прізвище Вік
Jill Smith 50
Eve Jackson 94
John Doe 80

Таблиця з різнокольоровими стовпцями

Ім'я Прізвище Вік
Jill Smith 50
Eve Jackson 94
John Doe 80

Навігаційне меню

В цьому прикладі ми використовуємо CSS для стилізації списку по горизонталі, щоб створити меню навігації:

  1. Coffee
  2. Tea
  3. Milk
  1. Coffee
  2. Tea
  3. Milk
  1. Coffee
  2. Tea
  3. Milk
  1. Coffee
  2. Tea
  3. Milk
  1. Coffee
  2. Tea
  3. Milk
Кава
- чорний гарячий напій
Молоко
- білий холодний напій
  1. Кава
  2. Чай
  3. Молоко

Атрибути форми

HTML форми

Ім'я:

Прізвище:




Якщо ви натисните кнопку "Надіслати", дані форми будуть надіслані на сторінку "/action_page.php".

Введіть ваше ім'я:













Ім’я:

Прізвище:


Ім’я користувача:

Пароль користувача:


Ім’я:

Прізвище:




Чоловік
Жінка
Інше


Елемент output

Елемент output представляє результат розрахунку.

0 100 + =

Примітка: Елемент output не підтримується Internet Explorer та Edge 12 і більш ранніх версіях.

Атрибут formaction

Атрибут formaction вказує URL-адресу файла, який буде обробляти елемент управління введенням при відправці форми.

Ім'я:
Прізвище:

Примітка: Атрибут formaction тега input не підтримується в Internet Explorer 9 і більш ранніх версіях.

Атрибут formenctype

Атрибут formenctype вказує, як данні форми мають бути закодовані при відправці (тільки для форм з method="post").

Ім'я: