Prvky HTML5 Rôzne značky HTML s ich použitím a príkladmi

Obsah:

Anonim

Úvod do prvkov HTML5

Väčšinou vieme o webových stránkach. Webové stránky sú jednoducho kolekciou webových stránok. Na vytvorenie akejkoľvek požadovanej webovej stránky. HTML je prvok, ktorý je zodpovedný za vytvorenie akejkoľvek webovej stránky. HTML znamená HyperText Markup Language. Je to základný značkovací jazyk, ktorý sa používa na výrobu akýchkoľvek webových stránok, ktoré ďalej tvoria webové stránky. HTML sa vyvíjalo toľko od počiatočnej fázy, keď bol vytvorený

HTML bol pôvodne vyvinutý W3C a WHATWG. Pôvodne bola vyvinutá v roku 1993. W3C hlavne kontroluje štandardy Html a ďalších vecí. HTML sa vyvinul veľa z pôvodnej verzie 1.0 na verziu 5 HTML5 má veľa nových značiek HTML.

HTML značky, tam Použitie a príklady

Nižšie sú uvedené niektoré značky HTML s ich použitím a príklady sú nasledujúce -

Nové prvky v HTML5

1) - Jedná sa o nový prvok formulára v HTML5. Pomáha implementovať funkciu automatického dopĺňania, keď sa objaví vstupné pole, do ktorého môže používateľ vložiť text, aby videl prvky v zozname

Príklad:










Teraz skopírujte vyššie uvedený útržok kódu a vložte ho do súboru HTML. Teraz otvorte súbor v prehliadači

- Táto značka predstavuje výstup akéhokoľvek výpočtu, ktorý sa počíta v súbore HTML

príklad



0
100
+
=

Teraz skopírujte vyššie uvedený útržok kódu a vložte ho do súboru HTML. Teraz otvorte súbor v prehliadači

2) - Tento prvok sa používa na príjem vstupov od používateľa. Text zadaný používateľom je spravidla textový

príklad




Favorite Football Player:

Favorite Football Team:


Teraz skopírujte vyššie uvedený útržok kódu a vložte ho do súboru HTML. Teraz otvorte súbor v prehliadači

3) - Tento prvok sa používa na príjem hesla od používateľa.

príklad



User name

Password:


Teraz skopírujte vyššie uvedený útržok kódu a vložte ho do súboru HTML. Teraz otvorte súbor v prehliadači

4) - Táto značka vykresľuje tlačidlo odoslania. Toto tlačidlo sa používa na odoslanie formulára

Príklad - V nižšie uvedenom príklade aktualizujte hodnotu akcie s cestou súboru php




Favorite Football Player:

Favorite Football Team:


Teraz skopírujte vyššie uvedený útržok kódu a vložte ho do súboru HTML. Teraz otvorte súbor v prehliadači

5) - Tento prvok pomáha prijímať jeden vstup od používateľa z dostupných viacerých položiek. Užívateľ si môže vybrať ktorúkoľvek z položiek dostupných v zozname

príklad



Radio Buttons for faavorite cusine
Asian
Thai
Japanese



Radio Buttons for faavorite cusine
Asian
Thai
Japanese




Radio Buttons for faavorite cusine
Asian
Thai
Japanese


Teraz skopírujte vyššie uvedený útržok kódu a vložte ho do súboru HTML. Teraz otvorte súbor v prehliadači

6) - Tento prvok pomáha prijímať viac vstupov od používateľa z dostupných viacerých položiek. Užívateľ si môže zvoliť ľubovoľný počet položiek dostupných v zozname

príklad



Checkbox for faavorite cusine
Asian
Thai
Japanese



Checkbox for faavorite cusine
Asian
Thai
Japanese




Checkbox for faavorite cusine
Asian
Thai
Japanese


Teraz skopírujte vyššie uvedený útržok kódu a vložte ho do súboru html. Teraz otvorte súbor v prehliadači

7) HTML put type = ”number”> - Tento prvok pomáha používateľovi číselnú hodnotu. Užívateľ môže do poľa vložiť iba číselnú hodnotu

príklad



Number fields example
Enter number



Number fields example
Enter number




Number fields example
Enter number


Teraz skopírujte vyššie uvedený útržok kódu a vložte ho do súboru HTML. Teraz otvorte súbor v prehliadači

8) - Tento prvok pomáha overiť, či je hodnota vložená používateľom platným e-mailom. Ak e-mail nie je platný, zobrazuje sa pri odoslaní chyba

príklad



Number fields example
Enter valid email id



Number fields example
Enter valid email id




Number fields example
Enter valid email id


Teraz skopírujte vyššie uvedený útržok kódu a vložte ho do súboru html. Teraz otvorte súbor v prehliadači

Okrem toho obsahuje HTML5 množstvo nových prvkov. Niektoré z nich sú -

  • rozsah
  • URL
  • tel
  • audio
  • vložiť

Okrem prvkov HTML. Pridali tiež nové sémantické prvky. Niektoré z dôležitých sémantických prvkov sú

    Záver - prvky HTML5

    Vyvíja sa veľa značiek HTML%. Od počiatočnej verzie 1.0 po najnovšiu verziu 5.2 sa HTML vyvíjalo veľa. Tieto značky pomáhajú používateľovi poskytovať lepšie rozhranie a poskytujú niekoľko overení na samotnom stroji používateľa.

    Odporúčané články

    Toto bol sprievodca prvkami HTML5. Tu diskutujeme úvod, značky HTML, ich použitie a ich zodpovedajúce príklady. Viac informácií nájdete aj v ďalších navrhovaných článkoch -

    1. Html5 vs. Html4
    2. HTML vs HTML5
    3. Otázky a odpovede týkajúce sa rozhovoru HTML5
    4. 10 najlepších rozdielov HTML oproti HTML5 (infografika)
    5. Rámčeky HTML
    6. Nové prvky HTML5
    7. Značky HTML5 Najlepšie 4 značky HTML5 Príklady
    8. Sprievodca sémantickými prvkami HTML5