Inleiding tot HTML5-elementen

We zijn ons meestal bewust van websites. Een website is gewoon een verzameling webpagina's Voor het maken van elke gewenste webpagina. Een HTML is het element dat verantwoordelijk is voor het maken van een webpagina. HTML staat voor HyperText Markup Language. Het is een basis opmaaktaal die wordt gebruikt om webpagina's te maken die verder bestaan ​​uit het vormen van websites. HTML is zo geëvolueerd vanaf het eerste stadium toen het werd gevormd

HTML werd in eerste instantie ontwikkeld door W3C en WHATWG. Het werd in eerste instantie ontwikkeld in 1993. W3C controleert voornamelijk op normen voor HTML en andere zaken. HTML is veel geëvolueerd van de eerste versie van 1.0 naar de versie van 5 HTML5 heeft veel nieuwe HTML-tags.

HTML-tags, hun gebruik en voorbeelden

Hieronder staan ​​enkele tags van HTML met hun gebruik en voorbeelden zijn als volgt -

Nieuwe elementen in HTML5

1) - Het is een nieuw formulierelement in HTML5. Het helpt om een ​​functie van automatisch aanvullen te implementeren waarbij een invoervak ​​verschijnt waar de gebruiker tekst kan invoegen om elementen in de lijst te zien

Voorbeeld:










Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in de browser

- Deze tag vertegenwoordigt de uitvoer van elke berekening die wordt berekend op HTML-bestand

Voorbeeld



0
100
+
=

Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in bladeren

2) - Dit element wordt gebruikt om invoer van de gebruiker te ontvangen. De door de gebruiker ingevoerde tekst is meestal een tekstvorm

Voorbeeld




Favorite Football Player:

Favorite Football Team:


Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in de browser

3) - Dit element wordt gebruikt om een ​​wachtwoord van de gebruiker te ontvangen.

Voorbeeld



User name

Password:


Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in de browser

4) - Deze tag geeft een verzendknop weer. Deze knop wordt gebruikt om het formulier in te dienen

Voorbeeld - Werk in het onderstaande voorbeeld de actiewaarde bij met het php-bestandspad




Favorite Football Player:

Favorite Football Team:


Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in de browser

5) - Dit element helpt om één invoer van de gebruiker te ontvangen uit de beschikbare meerdere items. Gebruiker kan elk van de beschikbare items in de lijst selecteren

Voorbeeld



Radio Buttons for faavorite cusine
Asian
Thai
Japanese




Radio Buttons for faavorite cusine
Asian
Thai
Japanese




Radio Buttons for faavorite cusine
Asian
Thai
Japanese


Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in de browser

6) - Dit element helpt om meerdere invoer van de gebruiker te ontvangen van de beschikbare meerdere items. De gebruiker kan een willekeurig aantal items in de lijst selecteren

Voorbeeld



Checkbox for faavorite cusine
Asian
Thai
Japanese




Checkbox for faavorite cusine
Asian
Thai
Japanese




Checkbox for faavorite cusine
Asian
Thai
Japanese


Kopieer nu het bovenstaande codefragment en plak het in het html-bestand. Open nu het bestand in de browser

7) HTML put type = "number"> - Dit element helpt bij het numerieke waarde van de gebruiker. Gebruiker kan een enige numerieke waarde in het veld invoegen

Voorbeeld



Number fields example
Enter number




Number fields example
Enter number




Number fields example
Enter number


Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in de browser

8) - Dit element helpt te valideren of de door de gebruiker ingevoerde waarde een geldige e-mail is. Er wordt een fout weergegeven bij het verzenden als de e-mail niet geldig is

Voorbeeld



Number fields example
Enter valid email id




Number fields example
Enter valid email id




Number fields example
Enter valid email id


Kopieer nu het bovenstaande codefragment en plak het in het html-bestand. Open nu het bestand in de browser

Afgezien hiervan heeft HTML5 veel nieuwe elementen toegevoegd. Sommige ervan zijn -

  • reeks
  • URL
  • tel
  • audio
  • integreren

Afgezien van HTML-elementen. Het heeft ook nieuwe semantische elementen toegevoegd. Enkele belangrijke semantische elementen zijn-

    Conclusie - HTML5-elementen

    Er zijn veel tags van HTML% die worden ontwikkeld. Van een eerste versie van 1.0 tot de nieuwste versie van 5.2, HTML heeft veel ontwikkeld. Deze tags helpen de gebruiker een betere interface te bieden en bieden verschillende validaties op de gebruikersmachine zelf.

    Aanbevolen artikelen

    Dit is een gids voor HTML5-elementen geweest. Hier bespreken we de inleiding, HTML-tags, het gebruik ervan en hun bijbehorende voorbeelden. U kunt ook onze andere voorgestelde artikelen doornemen voor meer informatie -

    1. Html5 versus Html4
    2. HTML versus HTML5
    3. Vragen en antwoorden over HTML5-sollicitatiegesprekken
    4. 10 beste verschillen HTML versus HTML5 (infographics)
    5. HTML-frames
    6. Html5 Nieuwe elementen
    7. HTML5-tags | Top 4 tags van HTML5 | Voorbeelden
    8. Gids voor HTML5 semantische elementen