Autor:
John Stephens
Datum Stvaranja:
22 Siječanj 2021
Datum Ažuriranja:
1 Srpanj 2024
Sadržaj
Osim nebrojenih ugrađenih kalkulatora, možete i matematiku raditi na radnoj površini koristeći HTML kôd za izgradnju. Da biste stvorili računalo od HTML-a, morate naučiti osnovno znanje ovog programskog jezika, a zatim kopirati potreban kôd u uređivač teksta i spremiti ga kao HTML. Sada možete otvoriti HTML dokument u svom omiljenom pregledniku i početi koristiti računalo. Baš tako, ne samo da se možete baviti matematikom u pregledniku, već i naučiti osnove programiranja!
Koraci
1. dio od 4: Razumijevanje vašeg koda
- Naučite funkcije svakog html-a. Kôd koji koristite za izradu računala sastoji se od mnogih fragmenata sintakse. Kombiniraju se kako bi stvorili mnogo različitih elemenata dokumenta. Kliknite ovdje da biste saznali kako se upoznati s postupkom ili pročitajte kako bi vidjeli što čini svaki redak teksta u kodu koji ćete koristiti.
- html: Ovaj dio sintakse govori ostatku dokumenta koji će se jezik koristiti. U programiranju se koriste mnogi jezici i ostatak dokumenta obavijestite da je napisan s - to je točno - html!
- glava: Recite dokumentu da su donji sadržaj podaci o podacima, poznati i kao "metapodaci" (metapodaci). Comeinand često se koristi za definiranje stilskog elementa dokumenta, kao što su naslovi, naslovi itd. Može se smatrati kišobranom koji pokriva ostatak koda.
- titula: Ovdje ćete imenovati svoj dokument. Ovaj atribut određuje naslov dokumenta kada se otvori u pregledniku html.
- tijelo bgcolor = "#": Ovaj atribut određuje pozadinu i boju tijela koda. Broj u navodnicima nakon znaka # odgovara određenoj boji u html-u
- text = "": Riječ zatvorena pod navodnicima određuje boju teksta u dokumentu.
- ime obrasca = "": Ovaj atribut navodi ime obrasca. Zahvaljujući njemu, Javascript će prepoznati o kojem je obliku riječ i primijeniti strukturu izgrađenu iz obrasca. Ovdje, na primjer, koristimo obrazac Kalkulator i on će stvoriti zasebnu strukturu za dokument.
- vrsta unosa = "": Ovdje se odvija radnja. Svojstvo "input type" govori dokumentu u kojem su tipu vrijednosti u ostalim zagradama. To može biti tekst, lozinke, gumbi (za računala) itd.
- vrijednost = "": Ova naredba dokumentu govori koji je sadržaj sadržan u gore navedenoj vrsti unosa. S kalkulatorom to bi bile znamenke (1-9) i matematika (+, -, *, /, =).
- onClick = "": Ova sintaksa opisuje događaj - govori dokumentu da se nešto događa kad netko pritisne gumb. S računalom želimo da se prikaže svaki pritisnuti gumb. Na primjer, gumbom "6" stavit ćemo document.calculator.ans.value + = '6' između navodnika.
- br: Ova vam oznaka pomaže da vratite redak u dokumentu. Sav sadržaj koji slijedi pojavit će se u retku ispod sadržaja prije njega.
- / form, / body i / html: ove naredbe u ovom trenutku govore dokumentu, odgovarajuće inicijalizirane naredbe će se završiti.
Dio 2 od 4: Osnovno HTML računalno programiranje
Kopirajte sljedeći kod. Odaberite tekst u donjem okviru držanjem i povlačenjem iz gornjeg lijevog kuta okvira u donji desni kut. Cijeli tekst postat će zelen. Pritisnite "Command + C" na Macu ili "Ctrl + C" na računalu da biste kopirali kôd u međuspremnik. oglas
3. dio od 4: Stvorite svoje računalo
Otvorite računalni uređivač teksta. Postoji mnogo opcija za vas, ali za praktičnost i kvalitetu TextEdit i Notepad dvije su aplikacije koje trebate koristiti.- Na Macu kliknite povećalo u gornjem desnom kutu zaslona da biste otvorili Spotlight. U Spotlight upišite TextEdit i kliknite program: mora biti označen zelenom bojom.
- Na računalu otvorite izbornik Start u donjem lijevom kutu zaslona. U traku za pretraživanje upišite Notepad i kliknite aplikaciju Notepad koja će se pojaviti na traci rezultata s desne strane.
Zalijepite računalno generirani HTML kôd u dokument.- Na Macu kliknite tijelo dokumenta i pritisnite "Command + V". Dalje, morate kliknuti stavku "Format" (format) na vrhu zaslona i "Izrada običnog teksta" (Stvori prazan tekst) nakon lijepljenja.
- Na računalu kliknite tijelo dokumenta i pritisnite "Ctrl + V".
- Spremite datoteku. Kliknite gumb "Datoteka" u gornjem lijevom kutu prozora i na padajućem izborniku kliknite "Spremi kao ..." (Spremi kao) - na računalu ili "Uštedjeti ..." (Spremi) - na Macu
- Dodajte HTML nastavak za naziv datoteke. U izbornik "Spremi kao ..." upišite naziv datoteke s nastavkom ".html", a zatim kliknite "Spremi". Na primjer, za pozivanje datoteke Prvo računalo spremili biste je kao "MayTinhDauTien.html".
Dio 4 od 4: Korištenje računala
- Pronađite datoteku koju ste upravo stvorili. Unesite naziv datoteke u Spotlight ili traku za pretraživanje izbornika Start kao što je prikazano u prethodnom koraku. Ne trebate unositi proširenje "html".
- Kliknite da biste otvorili datoteku. Zadani preglednik otvorit će računalo na novom web mjestu.
- Kliknite gumbe na računalu da biste ga koristili. Rezultati izračuna pojavit će se na traci rezultata. oglas
Savjet
- Ovo računalo možete ugraditi u web stranicu ako želite.
- Svojstva stila možete koristiti i za promjenu izgleda računala.