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
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
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
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
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 -
- Html5 vs Html4
- HTML vs HTML5
- Perguntas e respostas da entrevista em HTML5
- As 10 melhores diferenças entre HTML e HTML5 (infográficos)
- Quadros HTML
- Novos elementos do HTML5
- Tags HTML5 | 4 principais tags de HTML5 | Exemplos
- Guia de elementos semânticos do HTML5