Elementi HTML5 - Različne oznake HTML z uporabo in primeri

Kazalo:

Anonim

Uvod v elemente HTML5

Večinoma poznamo spletne strani. Spletno mesto je preprosto zbirka spletnih strani Za izdelavo katere koli spletne strani, ki jo potrebujemo. HTML je element, ki je odgovoren za izdelavo katere koli spletne strani. HTML pomeni HyperText Markup Language. To je osnovni jezik za označevanje, ki se uporablja za izdelavo spletnih strani, ki nadalje obsega oblikovanje spletnih strani. HTML se je toliko razvil od začetne faze, ko je bil oblikovan

HTML so sprva razvili W3C in WHATWG. Prvotno je bil razvit leta 1993. W3C v glavnem preverja standarde Html in drugih stvari. HTML se je od začetne različice 1.0 do različice 5 HTML5 razvil veliko novih HTML oznak.

Oznake HTML, tam Uporabe in primeri

Spodaj je nekaj oznak HTML z njihovo uporabo in primeri so naslednji -

Novi elementi v HTML5

1) - To je nov element obrazca v HTML5. Pomaga pri izvajanju funkcije samodejnega dokončanja, kjer se prikaže polje za vnos, kjer lahko uporabnik vstavi besedilo, da vidi elemente na seznamu

Primer:










Zdaj kopirajte zgornji delček kode in ga prilepite v datoteko HTML. Zdaj odprite datoteko v brskalniku

- Ta oznaka predstavlja izhod vsakega izračuna, ki se izračuna v datoteki HTML

Primer



0
100
+
=

Zdaj kopirajte zgornji delček kode in ga prilepite v datoteko HTML. Zdaj odprite datoteko v brskanju

2) - Ta element se uporablja za sprejemanje vnosa od uporabnika. Besedilo, ki ga vnese uporabnik, je na splošno besedilna oblika

Primer




Favorite Football Player:

Favorite Football Team:


Zdaj kopirajte zgornji delček kode in ga prilepite v datoteko HTML. Zdaj odprite datoteko v brskalniku

3) - Ta element se uporablja za prejemanje gesla od uporabnika.

Primer



User name

Password:


Zdaj kopirajte zgornji delček kode in ga prilepite v datoteko HTML. Zdaj odprite datoteko v brskalniku

4) - Ta oznaka ustvari gumb za oddajo. Ta gumb se uporablja za oddajo obrazca

Primer - V spodnjem primeru posodobite vrednost dejanja s potjo do datoteke php




Favorite Football Player:

Favorite Football Team:


Zdaj kopirajte zgornji delček kode in ga prilepite v datoteko HTML. Zdaj odprite datoteko v brskalniku

5) - Ta element pomaga prejeti en vnos od uporabnika iz razpoložljivih več elementov. Uporabnik lahko izbere katerega koli od elementov na seznamu

Primer



Radio Buttons for faavorite cusine
Asian
Thai
Japanese



Radio Buttons for faavorite cusine
Asian
Thai
Japanese




Radio Buttons for faavorite cusine
Asian
Thai
Japanese


Zdaj kopirajte zgornji delček kode in ga prilepite v datoteko HTML. Zdaj odprite datoteko v brskalniku

6) - Ta element pomaga prejeti več vnosov od uporabnika iz razpoložljivih več elementov. Uporabnik lahko izbere poljubno število elementov na seznamu

Primer



Checkbox for faavorite cusine
Asian
Thai
Japanese



Checkbox for faavorite cusine
Asian
Thai
Japanese




Checkbox for faavorite cusine
Asian
Thai
Japanese


Zdaj kopirajte zgornji delček kode in ga prilepite v html datoteko. Zdaj odprite datoteko v brskalniku

7) HTML put type = "number"> - Ta element pomaga uporabniku numerirati vrednost. Uporabnik lahko v polje vstavi samo številčno vrednost

Primer



Number fields example
Enter number



Number fields example
Enter number




Number fields example
Enter number


Zdaj kopirajte zgornji delček kode in ga prilepite v datoteko HTML. Zdaj odprite datoteko v brskalniku

8) - Ta element pomaga preveriti, ali je vrednost, ki jo je vstavil uporabnik, veljavna e-pošta. Če sporočilo ni veljavno, prikaže napako pri oddaji

Primer



Number fields example
Enter valid email id



Number fields example
Enter valid email id




Number fields example
Enter valid email id


Zdaj kopirajte zgornji delček kode in ga prilepite v html datoteko. Zdaj odprite datoteko v brskalniku

Poleg tega je v HTML5 dodano še veliko novih elementov. Nekateri od njih so -

  • domet
  • URL
  • tel
  • zvok
  • vdelati

Poleg elementov HTML. Dodala je tudi nove pomenske elemente. Nekateri pomembni pomenski elementi so:

    Zaključek - Elementi HTML5

    Obstaja veliko oznak HTML%, ki se razvija. HTML se je od začetne različice 1.0 do najnovejše različice 5.2 zelo razvil. Te oznake pomagajo uporabniku zagotoviti boljši vmesnik, pa tudi več preverjanj na samem uporabniškem stroju.

    Priporočeni članki

    To je vodnik za elemente HTML5. Tukaj razpravljamo o uvodu, oznakah HTML, njegovi uporabi in ustreznih primerih. Če želite izvedeti več, lahko preberete tudi druge naše predlagane članke -

    1. Html5 proti Html4
    2. HTML v primerjavi z HTML5
    3. Vprašanja in odgovori za intervju z HTML5
    4. 10 najboljših razlik HTML v primerjavi z HTML5 (Infographics)
    5. Okvirji HTML
    6. Html5 Novi elementi
    7. Oznake HTML5 | Najboljše 4 oznake HTML5 | Primeri
    8. Vodnik po semantičnih elementih HTML5