Johdanto HTML5-elementteihin

Olemme enimmäkseen tietoisia verkkosivustoista. Verkkosivusto on yksinkertaisesti kokoelma verkkosivuja minkä tahansa tarvittavan verkkosivun luomiseen. HTML on elementti, joka vastaa minkä tahansa verkkosivun luomisesta. HTML on HyperText Markup Language. Se on perusmerkintökieli, jota käytetään verkkosivujen luomiseen, jotka lisäksi muodostuvat verkkosivustojen muodostamiseen. HTML on kehittynyt niin paljon alkuperäisestä vaiheesta, jolloin se muodostettiin

HTML kehitettiin alun perin W3C: n ja WHATWG: n toimesta. Se kehitettiin alun perin vuonna 1993. W3C tarkistaa lähinnä html- ja muiden asioiden standardit. HTML on kehittynyt paljon alkuperäisestä versiosta 1.0 versioon 5: een. HTML5 sisältää paljon uusia HTML-tunnisteita.

HTML-tunnisteet, siellä käyttö ja esimerkit

Alla on joitain HTML-tunnisteita niiden käytöllä ja esimerkit ovat seuraavat -

Uudet elementit HTML5: ssä

1) - Se on uusi muotoelementti HTML5: ssä. Se auttaa toteuttamaan automaattisen täydennyksen ominaisuuden, jossa syöttöruutu tulee näkyviin ja käyttäjä voi lisätä tekstiä nähdäksesi luettelon elementit

Esimerkki:










Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa

- Tämä tunniste edustaa kaikkien HTML-tiedostoon laskettujen laskelmien tuloksia

esimerkki



0
100
+
=

Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaamalla

2) - Tätä elementtiä käytetään tietojen vastaanottamiseen käyttäjältä. Käyttäjän kirjoittama teksti on yleensä tekstimuoto

esimerkki




Favorite Football Player:

Favorite Football Team:


Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa

3) - Tätä elementtiä käytetään salasanan vastaanottamiseen käyttäjältä.

esimerkki



User name

Password:


Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa

4) - Tämä tagi antaa lähetä-painikkeen. Tätä painiketta käytetään lomakkeen lähettämiseen

Esimerkki - päivitä alla olevassa esimerkissä toiminta-arvo php-tiedostopolulla




Favorite Football Player:

Favorite Football Team:


Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa

5) - Tämä elementti auttaa vastaanottamaan yhden syötteen käyttäjältä käytettävissä olevista useista kohteista. Käyttäjä voi valita minkä tahansa luettelossa olevan kohteen

esimerkki



Radio Buttons for faavorite cusine
Asian
Thai
Japanese



Radio Buttons for faavorite cusine
Asian
Thai
Japanese




Radio Buttons for faavorite cusine
Asian
Thai
Japanese


Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa

6) - Tämä elementti auttaa vastaanottamaan useita tuloja käyttäjältä käytettävissä olevista useista kohteista. Käyttäjä voi valita minkä tahansa määrän luettelossa olevia kohteita

esimerkki



Checkbox for faavorite cusine
Asian
Thai
Japanese



Checkbox for faavorite cusine
Asian
Thai
Japanese




Checkbox for faavorite cusine
Asian
Thai
Japanese


Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa

7) HTML put type = ”number”> - Tämä elementti auttaa käyttäjän numeerista arvoa. Käyttäjä voi lisätä pelkän numeerisen arvon kenttään

esimerkki



Number fields example
Enter number



Number fields example
Enter number




Number fields example
Enter number


Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa

8) - Tämä elementti auttaa tarkistamaan, onko käyttäjän lisäämä arvo kelvollinen sähköpostiosoite. Se näyttää virhe lähettämisessä, jos sähköposti ei ole kelvollinen

esimerkki



Number fields example
Enter valid email id



Number fields example
Enter valid email id




Number fields example
Enter valid email id


Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa

Tämän lisäksi HTML5: ään on lisätty paljon uusia elementtejä. Jotkut niistä ovat -

  • alue
  • URL-
  • puh
  • audio-
  • upottaa

Lukuun ottamatta HTML-elementtejä. Se on myös lisännyt uusia semanttisia elementtejä. Jotkut tärkeät semanttiset elementit ovat-

    Johtopäätös - HTML5-elementit

    HTML% -tunnisteita on paljon, joita kehitetään. Alkuperäisestä versiosta 1.0 viimeisimpään versioon 5.2 HTML on kehittynyt paljon. Nämä tunnisteet auttavat tarjoamaan käyttäjälle paremman käyttöliittymän, samoin kuin useat validoinnit itse käyttäjän koneessa.

    Suositellut artikkelit

    Tämä on opas HTML5-elementteihin. Tässä keskustellaan johdannosta, HTML-tunnisteista, sen käytöstä ja vastaavista esimerkeistä. Voit myös käydä läpi muiden ehdotettujen artikkeleidemme saadaksesi lisätietoja -

    1. Html5 vs. Html4
    2. HTML vs. HTML5
    3. HTML5-haastattelua koskevat kysymykset ja vastaukset
    4. 10 parasta eroa HTML vs HTML5 (infografia)
    5. HTML-kehykset
    6. Html5 uudet elementit
    7. HTML5-tunnisteet | HTML5 | 4 suosituinta tunnistetta esimerkit
    8. Opas HTML5-semanttisiin elementteihin

    Luokka:

    Web-kehitystyökalut