Вступ до елементів HTML5
Ми в основному обізнані з веб-сайтами. Веб-сайт - це просто колекція веб-сторінок. Для створення будь-якої потрібної нам веб-сторінки. HTML - це елемент, який відповідає за створення будь-якої веб-сторінки. HTML розшифровується як мова розмітки HyperText. Це основна мова розмітки, яка використовується для створення будь-яких веб-сторінок, що додатково включає формування веб-сайтів. HTML настільки розвинувся з початкової стадії, коли він формувався
HTML був спочатку розроблений W3C та WHATWG. Спочатку W3C перевіряє стандарти Html та ін. HTML значно розвинувся від початкової версії 1.0 до версії 5 HTML5 має багато нових тегів HTML.
HTML теги, там Використання та приклади
Нижче наведено декілька тегів HTML із їх використанням та наведені нижче приклади -
Нові елементи в HTML5
1) - Це новий елемент форми в HTML5. Це допомагає реалізувати функцію автозаповнення там, де з'являється поле введення, де користувач може вставити текст, щоб побачити елементи у списку
Приклад:
Тепер скопіюйте вищевказаний фрагмент коду та вставте його у файл HTML. Тепер відкрийте файл у браузері
- Цей тег являє собою результат будь-якого обчислення, обчисленого у файлі HTML
Приклад
0
100
+
=
Тепер скопіюйте вищевказаний фрагмент коду та вставте його у файл HTML. Тепер відкрийте файл в огляді
2) - Цей елемент використовується для отримання вводу від користувача. Текст, введений користувачем, як правило, є текстовою формою
Приклад
Favorite Football Player:
Favorite Football Team:
Тепер скопіюйте вищевказаний фрагмент коду та вставте його у файл HTML. Тепер відкрийте файл у браузері
3) - Цей елемент використовується для отримання пароля від користувача.
Приклад
User name
Password:
Тепер скопіюйте вищевказаний фрагмент коду та вставте його у файл HTML. Тепер відкрийте файл у браузері
4) - Цей тег відображає кнопку подання. Ця кнопка використовується для надсилання форми
Приклад - У наведеному нижче прикладі оновіть значення дії за допомогою шляху до файлу php
Favorite Football Player:
Favorite Football Team:
Тепер скопіюйте вищевказаний фрагмент коду та вставте його у файл HTML. Тепер відкрийте файл у браузері
5) - Цей елемент допомагає отримати один вхід від користувача з наявних кількох елементів. Користувач може вибрати будь-який із елементів, доступних у списку
Приклад
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Тепер скопіюйте вищевказаний фрагмент коду та вставте його у файл HTML. Тепер відкрийте файл у браузері
6) - Цей елемент допомагає отримувати кілька входів від користувача з доступних декількох елементів. Користувач може вибрати будь-яку кількість елементів, доступних у списку
Приклад
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Тепер скопіюйте вищевказаний фрагмент коду та вставте його у файл html. Тепер відкрийте файл у браузері
7) HTML put type = "number"> - Цей елемент допомагає користувачеві визначити числове значення. Користувач може вставити в поле єдине числове значення
Приклад
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Тепер скопіюйте вищевказаний фрагмент коду та вставте його у файл HTML. Тепер відкрийте файл у браузері
8) - Цей елемент допомагає перевірити, чи є введене користувачем значення дійсною електронною поштою. Він показує помилку при надсиланні, якщо електронний лист недійсний
Приклад
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Тепер скопіюйте вищевказаний фрагмент коду та вставте його у файл html. Тепер відкрийте файл у браузері
Крім цього, у HTML5 додано багато нових елементів. Деякі з них -
- дальність
- URL-адреса
- тел
- аудіо
- вбудовувати
Крім елементів HTML. Це також додало нові смислові елементи. Деякі важливі смислові елементи:
Висновок - елементи HTML5
Є багато тегів HTML%, який розробляється. Від початкової версії 1.0 до останньої версії 5.2 HTML багато розвинувся. Ці теги допомагають забезпечити кращий інтерфейс для користувача, а також надають кілька перевірок на самій машині користувача.
Рекомендовані статті
Це керівництво по елементах HTML5. Тут ми обговорюємо вступ, теги HTML, його використання та відповідні їх приклади. Ви також можете ознайомитися з іншими запропонованими нами статтями, щоб дізнатися більше -
- Html5 проти Html4
- HTML проти HTML5
- Питання та відповіді на інтерв'ю HTML5
- 10 найкращих відмінностей HTML від HTML5 (Інфографіка)
- HTML Frames
- Html5 Нові елементи
- HTML5 Теги | Топ-4 тегів HTML5 | Приклади
- Керівництво по семантичним елементам HTML5