Prvky HTML5 - Rozdílné značky HTML s jejich použitím a příklady

Obsah:

Anonim

Úvod do prvků HTML5

Většinou jsme si vědomi webových stránek. Web je jednoduše kolekce webových stránek. Pro vytvoření jakékoli webové stránky, kterou požadujeme. HTML je prvek, který odpovídá za vytvoření jakékoli webové stránky. HTML znamená HyperText Markup Language. Je to základní značkovací jazyk, který se používá k vytváření jakýchkoli webových stránek, které dále tvoří webové stránky. HTML se vyvíjelo tolik od počáteční fáze, kdy byl vytvořen

HTML byl původně vyvinut W3C a WHATWG. Původně byl vyvinut v roce 1993. W3C hlavně kontroluje standardy Html a dalších materiálů. HTML se hodně vyvinulo z počáteční verze 1.0 na verzi 5 HTML5 obsahuje mnoho nových značek HTML.

HTML tagy, tam Použití a příklady

Níže jsou uvedeny některé značky HTML s jejich použitím a příklady jsou následující -

Nové prvky v HTML5

1) - Jedná se o nový element formuláře v HTML5. Pomáhá implementovat funkci automatického doplňování, kde se objeví vstupní pole, kde může uživatel vložit text a zobrazit prvky v seznamu

Příklad:










Nyní zkopírujte výše uvedený fragment kódu a vložte jej do souboru HTML. Nyní otevřete soubor v prohlížeči

- Tato značka představuje výstup jakéhokoli výpočtu, který se počítá do souboru HTML

Příklad



0
100
+
=

Nyní zkopírujte výše uvedený fragment kódu a vložte jej do souboru HTML. Nyní otevřete soubor v procházení

2) - Tento prvek se používá k přijímání vstupů od uživatele. Text zadaný uživatelem je obecně textový

Příklad




Favorite Football Player:

Favorite Football Team:


Nyní zkopírujte výše uvedený fragment kódu a vložte jej do souboru HTML. Nyní otevřete soubor v prohlížeči

3) - Tento prvek se používá k přijetí hesla od uživatele.

Příklad



User name

Password:


Nyní zkopírujte výše uvedený fragment kódu a vložte jej do souboru HTML. Nyní otevřete soubor v prohlížeči

4) - Tato značka vykreslí tlačítko Odeslat. Toto tlačítko se používá k odeslání formuláře

Příklad - V níže uvedeném příkladu aktualizujte hodnotu akce s cestou k souboru php




Favorite Football Player:

Favorite Football Team:


Nyní zkopírujte výše uvedený fragment kódu a vložte jej do souboru HTML. Nyní otevřete soubor v prohlížeči

5) - Tento prvek pomáhá přijímat jeden vstup od uživatele z dostupných více položek. Uživatel si může vybrat kteroukoli z položek dostupných v seznamu

Pří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


Nyní zkopírujte výše uvedený fragment kódu a vložte jej do souboru HTML. Nyní otevřete soubor v prohlížeči

6) - Tento prvek pomáhá přijímat více vstupů od uživatele z dostupných více položek. Uživatel si může vybrat libovolný počet položek dostupných v seznamu

Příklad



Checkbox for faavorite cusine
Asian
Thai
Japanese



Checkbox for faavorite cusine
Asian
Thai
Japanese




Checkbox for faavorite cusine
Asian
Thai
Japanese


Nyní zkopírujte výše uvedený fragment kódu a vložte jej do souboru html. Nyní otevřete soubor v prohlížeči

7) HTML put type = ”number”> - Tento prvek pomáhá číselné hodnotě od uživatele. Uživatel může do pole vložit pouze číselnou hodnotu

Příklad



Number fields example
Enter number



Number fields example
Enter number




Number fields example
Enter number


Nyní zkopírujte výše uvedený fragment kódu a vložte jej do souboru HTML. Nyní otevřete soubor v prohlížeči

8) - Tento prvek pomáhá ověřit, zda je hodnota vložená uživatelem platným e-mailem. Pokud e-mail není platný, zobrazuje chybu při odeslání

Příklad



Number fields example
Enter valid email id



Number fields example
Enter valid email id




Number fields example
Enter valid email id


Nyní zkopírujte výše uvedený fragment kódu a vložte jej do souboru html. Nyní otevřete soubor v prohlížeči

Kromě toho obsahuje HTML5 spoustu nových prvků. Někteří z nich jsou -

  • rozsah
  • URL
  • tel
  • Zvuk
  • vložit

Kromě prvků HTML. Přidal také nové sémantické prvky. Některé z důležitých sémantických prvků jsou-

    Závěr - prvky HTML5

    Vyvíjí se mnoho značek HTML%. Od počáteční verze 1.0 po nejnovější verzi 5.2 se HTML hodně vyvíjelo. Tyto značky pomáhají uživateli poskytovat lepší rozhraní a také poskytují několik ověření na samotném uživatelském počítači.

    Doporučené články

    Toto byl průvodce prvky HTML5. Zde diskutujeme úvod, značky HTML, jejich použití a jejich odpovídající příklady. Další informace naleznete také v dalších navrhovaných článcích -

    1. Html5 vs. Html4
    2. HTML vs HTML5
    3. HTML5 Interview Otázky a odpovědi
    4. 10 nejlepších rozdílů HTML vs HTML5 (infografika)
    5. Rámce HTML
    6. Nové prvky HTML5
    7. Značky HTML5 | Top 4 tagy HTML5 | Příklady
    8. Průvodce sémantickými prvky HTML5