Introduktion til HTML5-elementer

Vi er mest opmærksomme på websteder. Et websted er simpelthen en samling af websider Til oprettelse af enhver webside, vi har brug for. En HTML er det element, der er ansvarlig for at fremstille enhver webside. HTML står for HyperText Markup Language. Det er grundlæggende markeringssprog, der bruges til at fremstille alle websider, som yderligere omfatter at danne websteder. HTML har udviklet sig så meget fra det indledende trin, da det blev dannet

HTML blev oprindeligt udviklet af W3C og WHATWG. Det blev oprindeligt udviklet i 1993. W3C kontrollerer hovedsageligt for standarder for Html og andre ting. HTML har udviklet sig meget fra den oprindelige version af 1.0 til versionen af ​​5 HTML5 har masser af nye HTML-tags.

HTML-tags, der anvendelser og eksempler

Nedenfor er nogle HTML-tags med deres anvendelser, og eksempler er som følger -

Nye elementer i HTML5

1) - Det er et nyt formelement i HTML5. Det hjælper med at implementere en funktion af autofuldførelse, hvor der vises en inputboks, hvor brugeren kan indsætte tekst for at se elementer på listen

Eksempel:










Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browseren

- Dette tag repræsenterer output fra enhver beregning, der beregnes på HTML-fil

Eksempel



0
100
+
=

Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browsing

2) - Dette element bruges til at modtage input fra brugeren. Teksten, der indtastes af brugeren, er generelt tekstform

Eksempel




Favorite Football Player:

Favorite Football Team:


Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browseren

3) - Dette element bruges til at modtage et kodeord fra brugeren.

Eksempel



User name

Password:


Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browseren

4) - Dette tag gengiver en indsendelsesknap. Denne knap bruges til at indsende formularen

Eksempel - I nedenstående eksempel opdateres handlingsværdi med php-filstien




Favorite Football Player:

Favorite Football Team:


Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browseren

5) - Dette element hjælper med at modtage et input fra brugeren fra de tilgængelige flere elementer. Brugeren kan vælge et af de tilgængelige elementer på listen

Eksempel



Radio Buttons for faavorite cusine
Asian
Thai
Japanese



Radio Buttons for faavorite cusine
Asian
Thai
Japanese




Radio Buttons for faavorite cusine
Asian
Thai
Japanese


Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browseren

6) - Dette element hjælper med at modtage flere input fra brugeren fra de tilgængelige flere elementer. Brugeren kan vælge et vilkårligt antal af de tilgængelige elementer på listen

Eksempel



Checkbox for faavorite cusine
Asian
Thai
Japanese



Checkbox for faavorite cusine
Asian
Thai
Japanese




Checkbox for faavorite cusine
Asian
Thai
Japanese


Nu kopierer du ovenstående kodenavn og indsætter det i html-fil. Åbn nu filen i browseren

7) HTML put type = ”number”> - Dette element hjælper med at numerisk værdi fra brugeren. Brugeren kan indsætte en eneste numerisk værdi i feltet

Eksempel



Number fields example
Enter number



Number fields example
Enter number




Number fields example
Enter number


Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browseren

8) - Dette element hjælper med at validere, om værdien, der indsættes af brugeren, er en gyldig e-mail. Det viser fejl ved indsendelse, hvis e-mailen ikke er gyldig

Eksempel



Number fields example
Enter valid email id



Number fields example
Enter valid email id




Number fields example
Enter valid email id


Nu kopierer du ovenstående kodenavn og indsætter det i html-fil. Åbn nu filen i browseren

Bortset fra dette har HTML5 masser af nye elementer tilføjet til det. Nogle af dem er -

  • rækkevidde
  • URL
  • tel
  • lyd
  • indlejre

Bortset fra HTML-elementer. Det har også tilføjet nye semantiske elementer. Nogle af de vigtige semantiske elementer er-

    Konklusion - HTML5-elementer

    Der er masser af tags med HTML%, der er ved at blive udviklet. Fra en initial version af 1.0 til den nyeste version af 5.2 har HTML udviklet sig meget. Disse tags hjælper med at give en bedre grænseflade til brugeren og giver flere valideringer på selve brugermaskinen.

    Anbefalede artikler

    Dette har været en guide til HTML5 Elements. Her diskuterer vi introduktionen, HTML-tags, dens anvendelser og deres tilsvarende eksempler. Du kan også gennemgå vores andre foreslåede artikler for at lære mere -

    1. Html5 vs Html4
    2. HTML vs HTML5
    3. HTML5 Interview Spørgsmål og svar
    4. 10 bedste forskelle HTML vs HTML5 (Infographics)
    5. HTML-rammer
    6. Html5 Nye elementer
    7. HTML5-tags | Top 4 tags af HTML5 | eksempler
    8. Vejledning til HTML5 semantiske elementer

    Kategori:

    Webudviklingsværktøjer