Introdução aos elementos HTML5

Temos principalmente conhecimento de sites. Um site é simplesmente uma coleção de páginas da Web Para criar qualquer página da Web que exigimos. Um HTML é o elemento responsável por criar qualquer página da web. HTML significa HyperText Markup Language. É a linguagem de marcação básica usada para criar páginas da Web que compreendem ainda mais a formação de sites. O HTML evoluiu muito desde o estágio inicial em que foi formado

O HTML foi desenvolvido inicialmente pelo W3C e pelo WHATWG. Foi desenvolvido inicialmente em 1993. O W3C verifica principalmente os padrões de HTML e outras coisas. O HTML evoluiu muito da versão inicial de 1.0 para a versão 5. O HTML5 possui muitas novas tags HTML.

Tags HTML, há usos e exemplos

Abaixo estão algumas tags de HTML com seus usos e exemplos são os seguintes -

Novos elementos em HTML5

1) - É um novo elemento de formulário no HTML5. Ajuda a implementar um recurso de preenchimento automático, onde uma caixa de entrada aparece, onde o usuário pode inserir texto para ver os elementos na lista

Exemplo:










Agora, copie o trecho de código acima e cole-o no arquivo HTML. Agora, abra o arquivo no navegador

- Essa tag representa a saída de qualquer cálculo calculado no arquivo HTML

Exemplo



0
100
+
=

Agora, copie o trecho de código acima e cole-o no arquivo HTML. Agora, abra o arquivo em procurar

2) - Este elemento é usado para receber informações do usuário. O texto digitado pelo usuário geralmente é na forma de texto

Exemplo




Favorite Football Player:

Favorite Football Team:


Agora, copie o trecho de código acima e cole-o no arquivo HTML. Agora, abra o arquivo no navegador

3) - Este elemento é usado para receber uma senha do usuário.

Exemplo



User name

Password:


Agora, copie o trecho de código acima e cole-o no arquivo HTML. Agora, abra o arquivo no navegador

4) - Esta tag renderiza um botão de envio. Este botão é usado para enviar o formulário

Exemplo - no exemplo abaixo, atualize o valor da ação com o caminho do arquivo php




Favorite Football Player:

Favorite Football Team:


Agora, copie o trecho de código acima e cole-o no arquivo HTML. Agora, abra o arquivo no navegador

5) - Este elemento ajuda a receber uma entrada do usuário dos vários itens disponíveis. O usuário pode selecionar qualquer um dos itens disponíveis na lista

Exemplo



Radio Buttons for faavorite cusine
Asian
Thai
Japanese



Radio Buttons for faavorite cusine
Asian
Thai
Japanese




Radio Buttons for faavorite cusine
Asian
Thai
Japanese


Agora, copie o trecho de código acima e cole-o no arquivo HTML. Agora, abra o arquivo no navegador

6) - Este elemento ajuda a receber várias entradas do usuário dos vários itens disponíveis. O usuário pode selecionar qualquer número de itens disponíveis na lista

Exemplo



Checkbox for faavorite cusine
Asian
Thai
Japanese



Checkbox for faavorite cusine
Asian
Thai
Japanese




Checkbox for faavorite cusine
Asian
Thai
Japanese


Agora, copie o trecho de código acima e cole-o no arquivo html. Agora, abra o arquivo no navegador

7) HTML put type = ”number”> - Esse elemento ajuda o valor numérico do usuário. O usuário pode inserir um único valor numérico no campo

Exemplo



Number fields example
Enter number



Number fields example
Enter number




Number fields example
Enter number


Agora, copie o trecho de código acima e cole-o no arquivo HTML. Agora, abra o arquivo no navegador

8) - Este elemento ajuda a validar se o valor inserido pelo usuário é um email válido. Mostra erro ao enviar se o email não for válido

Exemplo



Number fields example
Enter valid email id



Number fields example
Enter valid email id




Number fields example
Enter valid email id


Agora, copie o trecho de código acima e cole-o no arquivo html. Agora, abra o arquivo no navegador

Além disso, o HTML5 tem muitos novos elementos adicionados a ele. Alguns deles são -

  • alcance
  • URL
  • tel
  • audio
  • Embutir

Além dos elementos HTML. Ele também adicionou novos elementos semânticos. Alguns dos elementos semânticos importantes são:

    Conclusão - Elementos HTML5

    Existem muitas tags de HTML% que estão sendo desenvolvidas. Desde uma versão inicial de 1.0 até a versão mais recente de 5.2, o HTML se desenvolveu muito. Essas tags ajudam a fornecer uma interface melhor para o usuário e fornecem várias validações na própria máquina do usuário.

    Artigos recomendados

    Este foi um guia para os elementos HTML5. Aqui discutimos a introdução, tags HTML, seus usos e seus exemplos correspondentes. Você também pode consultar nossos outros artigos sugeridos para saber mais -

    1. Html5 vs Html4
    2. HTML vs HTML5
    3. Perguntas e respostas da entrevista em HTML5
    4. As 10 melhores diferenças entre HTML e HTML5 (infográficos)
    5. Quadros HTML
    6. Novos elementos do HTML5
    7. Tags HTML5 | 4 principais tags de HTML5 | Exemplos
    8. Guia de elementos semânticos do HTML5

    Categoria:

    Ferramentas de Desenvolvimento Web