Kako izraditi računalo pomoću HTML-a

Autor: John Stephens
Datum Stvaranja: 22 Siječanj 2021
Datum Ažuriranja: 1 Srpanj 2024
Anonim
Making a Responsive Website by using HTML, CSS and JavaScript | All about Web Development Project #2
Video: Making a Responsive Website by using HTML, CSS and JavaScript | All about Web Development Project #2

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

  1. 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.
    oglas

Dio 2 od 4: Osnovno HTML računalno programiranje


  1. 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


  1. 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.

  2. 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".
  3. 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
  4. 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

  1. 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".
  2. Kliknite da biste otvorili datoteku. Zadani preglednik otvorit će računalo na novom web mjestu.
  3. 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.