Introduzione a HTML5 Elements
Siamo principalmente a conoscenza di siti Web. Un sito Web è semplicemente una raccolta di pagine Web Per creare qualsiasi pagina Web richiesta. Un HTML è l'elemento responsabile della creazione di qualsiasi pagina Web. HTML sta per HyperText Markup Language. È un linguaggio di markup di base che viene utilizzato per creare qualsiasi pagina Web che comprende ulteriormente per formare siti Web. L'HTML si è evoluto così tanto dalla fase iniziale quando è stato formato
HTML è stato inizialmente sviluppato da W3C e WHATWG. È stato inizialmente sviluppato nel 1993. Il W3C controlla principalmente gli standard di Html e altre cose. L'HTML si è evoluto molto dalla versione iniziale 1.0 alla versione 5 HTML5 ha molti nuovi tag HTML.
Tag HTML, lì Usi ed esempi
Di seguito sono riportati alcuni tag di HTML con i loro usi ed esempi sono i seguenti:
Nuovi elementi in HTML5
1) - È un nuovo elemento del modulo in HTML5. Aiuta a implementare una funzione di completamento automatico in cui viene visualizzata una casella di input in cui l'utente può inserire del testo per visualizzare gli elementi nell'elenco
Esempio:
Ora copia lo snippet di codice sopra riportato e incollalo nel file HTML. Ora apri il file nel browser
- Questo tag rappresenta l'output di qualsiasi calcolo calcolato su file HTML
Esempio
0
100
+
=
Ora copia lo snippet di codice sopra riportato e incollalo nel file HTML. Ora apri il file in Sfoglia
2) - Questo elemento viene utilizzato per ricevere input dall'utente. Il testo inserito dall'utente è generalmente in forma di testo
Esempio
Favorite Football Player:
Favorite Football Team:
Ora copia lo snippet di codice sopra riportato e incollalo nel file HTML. Ora apri il file nel browser
3) - Questo elemento viene utilizzato per ricevere una password dall'utente.
Esempio
User name
Password:
Ora copia lo snippet di codice sopra riportato e incollalo nel file HTML. Ora apri il file nel browser
4) - Questo tag visualizza un pulsante di invio. Questo pulsante viene utilizzato per inviare il modulo
Esempio - Nell'esempio seguente aggiorna il valore dell'azione con il percorso del file php
Favorite Football Player:
Favorite Football Team:
Ora copia lo snippet di codice sopra riportato e incollalo nel file HTML. Ora apri il file nel browser
5) - Questo elemento aiuta a ricevere un input dall'utente dagli elementi multipli disponibili. L'utente può selezionare uno degli elementi disponibili nell'elenco
Esempio
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
Ora copia lo snippet di codice sopra riportato e incollalo nel file HTML. Ora apri il file nel browser
6) - Questo elemento aiuta a ricevere più input dall'utente dagli elementi multipli disponibili. L'utente può selezionare un numero qualsiasi degli elementi disponibili nell'elenco
Esempio
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
Ora copia lo snippet di codice sopra riportato e incollalo nel file html. Ora apri il file nel browser
7) HTML put type = "number">: questo elemento consente di ottenere un valore numerico dall'utente. L'utente può inserire un solo valore numerico nel campo
Esempio
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Ora copia lo snippet di codice sopra riportato e incollalo nel file HTML. Ora apri il file nel browser
8) - Questo elemento aiuta a convalidare se il valore inserito dall'utente è un'e-mail valida. Mostra errore sull'invio se l'e-mail non è valida
Esempio
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
Ora copia lo snippet di codice sopra riportato e incollalo nel file html. Ora apri il file nel browser
A parte questo, HTML5 ha molti nuovi elementi aggiunti ad esso. Alcuni di loro sono -
- gamma
- URL
- tel
- Audio
- incorporare
Oltre agli elementi HTML. Ha anche aggiunto nuovi elementi semantici. Alcuni degli elementi semantici importanti sono-
Conclusione - Elementi HTML5
Esistono molti tag di HTML% in fase di sviluppo. Da una versione iniziale di 1.0 all'ultima versione di 5.2, HTML si è sviluppato molto. Questi tag aiutano a fornire una migliore interfaccia all'utente, oltre a fornire diverse convalide sul computer dell'utente stesso.
Articoli consigliati
Questa è stata una guida a HTML5 Elements. Qui discutiamo l'introduzione, i tag HTML, i suoi usi e i loro esempi corrispondenti. Puoi anche consultare i nostri altri articoli suggeriti per saperne di più -
- Html5 vs Html4
- HTML vs HTML5
- Domande e risposte sull'intervista HTML5
- 10 migliori differenze HTML vs HTML5 (infografica)
- Frame HTML
- Html5 Nuovi elementi
- Tag HTML5 | I 4 tag principali di HTML5 | Esempi
- Guida agli elementi semantici HTML5