Elementi HTML5 - Različite HTML oznake s njihovim uporabama i primjerima

Sadržaj:

Anonim

Uvod u HTML5 elemente

Mi smo uglavnom svjesni web mjesta. Web stranica je jednostavno zbirka web stranica. Za izradu bilo koje web stranice koja nam je potrebna. HTML je element koji je odgovoran za izradu bilo koje web stranice. HTML označava HyperText Markup Language. To je osnovni označni jezik koji se koristi za izradu bilo koje web stranice koja se dalje sastoji od web stranica. HTML se toliko razvio od početne faze kada je i formiran

HTML su u početku razvili W3C i WHATWG. U početku je razvijen 1993. W3C uglavnom provjerava standarde Html-a i ostalih stvari. HTML se puno razvio od početne verzije 1.0 do verzije 5 HTML5 ima puno novih HTML oznaka.

HTML oznake, tamo je Upotreba i primjeri

Ispod su neke oznake HTML-a s njihovom upotrebom i sljedeći su primjeri -

Novi elementi u HTML5

1) - Novi je oblik obrasca u HTML5. To pomaže da se implementira značajka automatskog dovršavanja tamo gdje se pojavljuje okvir za unos gdje korisnik može umetnuti tekst da vidi elemente na popisu

Primjer:










Sada kopirajte gornji isječak koda i zalijepite ga u HTML datoteku. Sada otvorite datoteku u pregledniku

- Ova oznaka predstavlja ishod bilo kojeg izračuna koji se izračunava na HTML datoteci

Primjer



0
100
+
=

Sada kopirajte gornji isječak koda i zalijepite ga u HTML datoteku. Sada, otvorite datoteku u pregledavanju

2) - Ovaj element koristi se za primanje unosa od korisnika. Tekst koji je unijeo korisnik uglavnom je tekstualni oblik

Primjer




Favorite Football Player:

Favorite Football Team:


Sada kopirajte gornji isječak koda i zalijepite ga u HTML datoteku. Sada otvorite datoteku u pregledniku

3) - Ovaj element koristi se za primanje lozinke od korisnika.

Primjer



User name

Password:


Sada kopirajte gornji isječak koda i zalijepite ga u HTML datoteku. Sada otvorite datoteku u pregledniku

4) - Ova oznaka daje gumb za slanje. Ovaj gumb koristi se za slanje obrasca

Primjer - U donjem primjeru ažurirajte vrijednost radnje s putanjom do datoteke php




Favorite Football Player:

Favorite Football Team:


Sada kopirajte gornji isječak koda i zalijepite ga u HTML datoteku. Sada otvorite datoteku u pregledniku

5) - Ovaj element pomaže u primanju jednog unosa od korisnika s dostupnih više stavki. Korisnik može odabrati bilo koju stavku na popisu

Primjer



Radio Buttons for faavorite cusine
Asian
Thai
Japanese



Radio Buttons for faavorite cusine
Asian
Thai
Japanese




Radio Buttons for faavorite cusine
Asian
Thai
Japanese


Sada kopirajte gornji isječak koda i zalijepite ga u HTML datoteku. Sada otvorite datoteku u pregledniku

6) - Ovaj element pomaže u primanju više ulaza od korisnika s dostupnih više stavki. Korisnik može odabrati bilo koji broj stavki dostupnih na popisu

Primjer



Checkbox for faavorite cusine
Asian
Thai
Japanese



Checkbox for faavorite cusine
Asian
Thai
Japanese




Checkbox for faavorite cusine
Asian
Thai
Japanese


Sada kopirajte gornji isječak koda i zalijepite ga u html datoteku. Sada otvorite datoteku u pregledniku

7) HTML put type = "broj"> - Ovaj element pomaže u numeriranju vrijednosti od strane korisnika. Korisnik može u polje umetnuti samo brojčanu vrijednost

Primjer



Number fields example
Enter number



Number fields example
Enter number




Number fields example
Enter number


Sada kopirajte gornji isječak koda i zalijepite ga u HTML datoteku. Sada otvorite datoteku u pregledniku

8) - Ovaj element pomaže u provjeri je li vrijednost koju je umetnuo korisnik valjana e-pošta. Ako poruka e-pošte nije valjana, prikazuje se pogreška prilikom slanja

Primjer



Number fields example
Enter valid email id



Number fields example
Enter valid email id




Number fields example
Enter valid email id


Sada kopirajte gornji isječak koda i zalijepite ga u html datoteku. Sada otvorite datoteku u pregledniku

Osim ovoga, HTML5 mu je dodan puno novih elemenata. Neki od njih su -

  • opseg
  • URL
  • tel
  • zvučni
  • ugraditi

Osim HTML elemenata. Također je dodao nove semantičke elemente. Neki od važnih semantičkih elemenata su:

    Zaključak - HTML5 elementi

    Postoji puno oznaka HTML% koje se razvija. Od početne verzije 1.0 do najnovije verzije 5.2, HTML se mnogo razvio. Te oznake pomažu korisniku bolje sučelje, kao i pruža nekoliko validacija na samom korisničkom stroju.

    Preporučeni članci

    Ovo je vodič za elemente HTML5. Ovdje raspravljamo o uvodu, HTML oznakama, njegovoj upotrebi i njihovim odgovarajućim primjerima. Možete i proći naše druge predložene članke da biste saznali više -

    1. Html5 vs Html4
    2. HTML u odnosu na HTML5
    3. HTML5 pitanja i odgovori za intervju
    4. 10 najboljih razlika HTML u odnosu na HTML5 (Infographics)
    5. HTML okviri
    6. Html5 Novi elementi
    7. HTML5 oznake | Top 4 oznake HTML5 | Primjeri
    8. Vodič za semantičke elemente HTML5