HTML5 Элементы - Разные HTML-теги с их использованием и примерами

Содержание:

Anonim

Введение в элементы HTML5

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

HTML изначально разрабатывался W3C и WHATWG. Первоначально он был разработан в 1993 году. 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


Теперь скопируйте приведенный выше фрагмент кода и вставьте его в файл HTML. Теперь откройте файл в браузере

6) - Этот элемент помогает получать несколько входных данных от пользователя из нескольких доступных элементов. Пользователь может выбрать любое количество элементов, доступных в списке

пример



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


Теперь скопируйте приведенный выше фрагмент кода и вставьте его в файл HTML. Теперь откройте файл в браузере

8) - Этот элемент помогает проверить, является ли введенное пользователем значение действительным адресом электронной почты. Он показывает ошибку при отправке, если адрес электронной почты не действителен

пример



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-теги, их использование и соответствующие им примеры. Вы также можете просмотреть наши другие предлагаемые статьи, чтобы узнать больше -

    1. Html5 против Html4
    2. HTML против HTML5
    3. HTML5 Интервью Вопросы и ответы
    4. 10 лучших отличий HTML от HTML5 (Инфографика)
    5. HTML-фреймы
    6. HTML5 Новые элементы
    7. HTML5 Теги | Лучшие 4 тега HTML5 | Примеры
    8. Руководство по семантическим элементам HTML5