Kako zgraditi računalnik z uporabo HTML-ja

Avtor: John Stephens
Datum Ustvarjanja: 22 Januar 2021
Datum Posodobitve: 1 Julij. 2024
Anonim
The Complete Guide to Google Forms - Online Survey and Data Collection Tool!
Video.: The Complete Guide to Google Forms - Online Survey and Data Collection Tool!

Vsebina

Poleg nešteto vgrajenih kalkulatorjev lahko tudi na svojem namizju opravljate matematiko z uporabo HTML kode, da se zgradite. Če želite ustvariti računalnik iz HTML-ja, se morate naučiti nekaj osnovnega znanja tega programskega jezika in nato kopirati potrebno kodo v urejevalnik besedil in jo shraniti kot HTML. Zdaj lahko dokument HTML odprete v svojem najljubšem brskalniku in začnete uporabljati računalnik. Tako lahko v brskalniku ne samo matematiko, temveč tudi osnove programiranja!

Koraki

1. del od 4: Razumevanje kode

  1. Spoznajte funkcije vsakega html. Koda, ki jo uporabljate za izdelavo računalnika, je sestavljena iz številnih sintaksnih fragmentov. Skupaj ustvarjajo veliko različnih elementov dokumenta. Kliknite tukaj, če želite izvedeti, kako se seznaniti s postopkom, ali preberite, kaj vse vrstice besedila naredijo v kodi, ki jo boste uporabili.
    • html: Ta del sintakse pove preostalemu delu dokumenta, v katerem jeziku naj bo uporabljen. Pri programiranju se uporablja veliko jezikov in Preostali del dokumenta naj ve, da je napisan z - da, tako je - html!
    • glavo: Sporočite dokumentu, da so spodnja vsebina podatki o podatkih, znani tudi kot "metapodatki" (metapodatki). Comeinand pogosto se uporablja za določanje slogovnega elementa dokumenta, kot so naslovi, naslovi itd. Lahko si ga predstavljamo kot dežnik, ki pokriva ostalo kodo.
    • naslov: Tu boste poimenovali svoj dokument. Ta atribut določa naslov dokumenta, ko se odpre v brskalniku html.
    • body bgcolor = "#": Ta atribut določa ozadje in barvo telesa kode. Število v narekovajih za znakom # ustreza določeni barvi v html
    • text = "": Beseda, narejena z narekovaji, določa barvo besedila v dokumentu.
    • ime obrazca = "": Ta atribut določa ime obrazca. Zahvaljujoč temu bo Javascript ugotovil, kakšen obrazec je, in uporabil strukturo, zgrajeno iz obrazca. Tu na primer uporabimo obrazec Kalkulator in ustvaril bo ločeno strukturo za dokument.
    • vrsta vnosa = "": Tu se dogaja akcija. Lastnost "type input" dokumentu pove, v katerem tipu vnosa so vrednosti v ostalih oklepajih. Lahko je besedilo, gesla, gumbi (za računalnike) itd.
    • vrednost = "": Ta ukaz dokumentu pove, kakšna je vsebina zgoraj določene vrste vnosa. Pri kalkulatorju bi to bile številke (1-9) in matematika (+, -, *, /, =).
    • onClick = "": Ta sintaksa opisuje dogodek - pove dokumentu, da se nekaj zgodi, ko nekdo pritisne gumb. Z računalnikom želimo, da se prikaže vsak pritisnjen gumb. Na primer, z gumbom "6" bomo med narekovaje postavili document.calculator.ans.value + = '6'.
    • br: Ta oznaka vam pomaga vrniti vrstico v dokumentu. Vsa vsebina, ki ji sledi, se bo pojavila v vrstici pod vsebino pred njo.
    • / form, / body in / html: ti ukazi na tem mestu povedo dokumentu, ustrezni inicializirani ukazi se bodo končali.
    oglas

2. del 4: Osnovno računalniško programiranje HTML


  1. Kopirajte naslednjo kodo. Izberite besedilo v spodnjem polju tako, da ga pridržite in povlečete iz zgornjega levega kota polja v spodnji desni kot. Celotno besedilo bo obarvano zeleno. Pritisnite "Command + C" v računalniku Mac ali "Ctrl + C" v računalniku, da kopirate kodo v odložišče. oglas

3. del od 4: Ustvarite računalnik


  1. Odprite računalniški urejevalnik besedil. Obstaja veliko možnosti za vas, toda za udobje in kakovost sta TextEdit in Notepad dve aplikaciji za uporabo.
    • Na Macu kliknite lupo v zgornjem desnem kotu zaslona, ​​da odprete Spotlight. V Spotlight vnesite TextEdit in kliknite program: mora biti označen z zeleno.
    • V računalniku odprite meni Start v spodnjem levem kotu zaslona. V iskalno vrstico vnesite Notepad in kliknite aplikacijo Notepad, ki se prikaže v vrstici z rezultati na desni.

  2. V dokument prilepite računalniško ustvarjeno kodo HTML.
    • Na Macu kliknite telo dokumenta in pritisnite "Command + V". Nato morate klikniti na element "Oblika" (format) na vrhu zaslona in "Naredi navadno besedilo" (Ustvari prazno besedilo) po lepljenju.
    • V računalniku kliknite telo dokumenta in pritisnite "Ctrl + V".
  3. Shranite datoteko. V zgornjem levem kotu okna kliknite gumb »Datoteka« in v spustnem meniju kliknite "Shrani kot ..." (Shrani kot) - v računalniku ali "Shrani ..." (Shrani) - na Macu
  4. Dodajte pripono HTML za ime datoteke. V meni "Shrani kot ..." vnesite ime datoteke s pripono ".html" in kliknite "Shrani". Na primer, da pokličete datoteko First Computer, jo shranite kot "MayTinhDauTien.html".

4. del od 4: Uporaba računalnika

  1. Poiščite datoteko, ki ste jo pravkar ustvarili. Vnesite ime datoteke v Spotlight ali vrstico za iskanje v meniju Start, kot je prikazano v prejšnjem koraku. Ni vam treba vnesti razširitve "html".
  2. Kliknite, da odprete datoteko. Privzeti brskalnik bo odprl računalnik na novem spletnem mestu.
  3. Za uporabo kliknite gumbe na računalniku. Rezultati izračuna bodo prikazani v vrstici z rezultati. oglas

Nasvet

  • Ta računalnik lahko vdelate v spletno stran, če želite.
  • Z lastnostmi sloga lahko spremenite tudi videz računalnika.