Cum se creează un calculator utilizând HTML: 9 pași (cu imagini)

Există o mulțime de modalități de a face matematica pe un computer desktop folosind un calculator încorporat, dar un alt mod este de a construi unul singur folosind un cod simplu HTML. Pentru a crea un calculator folosind HTML, învățați câteva elemente de bază despre HTML, apoi copiați codul necesar într-un editor de text și salvați-l cu o extensie HTML. Puteți utiliza apoi calculatorul prin deschiderea documentului HTML din browserul dvs. preferat. Făcând toate astea, nu numai că veți putea să faceți matematică într-un browser, dar puteți învăța, de asemenea, unele fundamente despre arta de codare!

Pași

Partea 1 din 4:

Înțelegerea codului dvs

1. Aflați ce face fiecare funcție HTML. Codul pe care îl veți folosi pentru a crea calculatorul dvs. este alcătuit din mai multe piese de sintaxă care lucrează împreună pentru a defini diferite elemente ale unui document. Faceți clic aici pentru o explicație a modului de a vă familiariza cu acest proces, sau citiți mai departe pentru a afla ce face fiecare linie de text în codul pe care îl veți folosi pentru a vă face calculatorul.

HTML: Această piesă de sintaxă spune restul documentului ce limbă este utilizată în cod. În codificare, o serie de limbi utilizate pentru cod și spune restul documentului că va fi în - l-ai ghicit! - HTML.
cap: Spune documentului că totul dedesubt este date despre date, cunoscut și ca "Metadate". Comanda este de obicei utilizată pentru a defini elementele stilistice ale unui document, cum ar fi titlurile, titlurile și așa mai departe. Gândiți-vă la aceasta ca o umbrelă sub care este definită restul codului.
titlu: Aici veți numi titlul documentului dvs. Acest atribut este folosit pentru a defini ce titlul documentului va fi deschis într-un browser HTML.
Corpul Bgcolor = "#": Acest atribut stabilește culoarea fundalului și corpului codului. Numărul din acest set de citate care apare după # corespunde unui a Culoare predeterminată.
Text = "": Cuvântul din acest set de citate stabilește culoarea textului pe document.
Numele formularului ="": Acest atribut specifică numele unui formular, care este utilizat pentru a construi structura a ceea ce vine după el pe baza a ceea ce jаvascript știe acest nume de formă pentru a însemna. De exemplu, numele formularului pe care îl vom folosi este calculator, care va crea o structură specifică documentului.
Tipul de intrare ="": Aici se întâmplă acțiunea. "tip de introducere" Atributul spune documentului ce fel de text sunt valorile în restul parantezelor. De exemplu, ar putea fi text, o parolă, un buton (așa cum va fi pentru un calculator) și așa mai departe.
Valoare ="": Această comandă spune documentului ce va fi conținut în tipul de intrare specificat mai sus. Pentru un calculator, acestea apar ca numerele noastre (1-9) și operațiunile (+, -, *, /, =).
onclick ="": Această sintaxă descrie un eveniment, care spune documentului că trebuie să apară ceva când butonul este făcut clic pe butonul. Pentru un calculator, dorim textul care afișează în fiecare buton prin înțelegerea ca atare. Deci, pentru "6" Buton, vom pune document.calculator.Ans.Valoare + = `6` între citate.
Br: Această etichetă inițiază o pauză de linie în document, astfel încât ceea ce vine după ce va apărea o linie sub ceea ce a venit înainte de el.
/ formă, / corp, și / html: Aceste comenzi spun documentului că comenzile corespunzătoare care au fost inițiate mai devreme în document se termină acum.

Partea 2 din 4:

Codul Calculator HTML de bază

1. Copiați codul de mai jos. Evidențiați textul din caseta de mai jos, ținând apăsat cursorul în colțul din stânga sus al casetei și trageți-l în colțul din dreapta jos al casetei, astfel încât tot textul să fie albastru. Apoi, apăsați pe "Comanda + C" pe un Mac sau "Ctrl + C" pe un PC pentru a copia codul clipboard-ul.

Partea 3 din 4:

Crearea calculatorului dvs

1. Deschideți un program de editare a textului pe computerul dvs. Există o serie de programe pe care le puteți utiliza, dar pentru confort și calitate, vă recomandăm să utilizați texteditate sau notepad..

Pe un Mac, faceți clic pe geamul de lupă din colțul din dreapta sus al ecranului pentru a deschide lumina reflectoarelor. Odată ajuns, introduceți textedit și faceți clic pe programul Textedit, care ar trebui să fie evidențiat acum în albastru.
Pe un PC, deschideți meniul Start din colțul din stânga jos al ecranului. În bara de căutare, tastați Notepad și faceți clic pe aplicația Notepad, care va apărea în bara de rezultate din dreapta

Imaginea intitulată Creați un calculator utilizând HTML Pasul 4

2. Lipiți codul HTML pentru un calculator în document.

Pe un Mac, faceți clic pe corpul documentului și apăsați "Command + V". Atunci va trebui să faceți clic pe "Format" În partea de sus a ecranului și faceți clic pe "Faceți text simplu" După lipirea codului.

Pe un PC, faceți clic pe corpul documentului și apăsați "Ctrl + V".

Imagine intitulată Creați un calculator utilizând HTML Pasul 5

3. Salvați fișierul. Pentru a face acest lucru, faceți clic pe "Fişier" butonul din mâna din stânga sus a ferestrei dvs. și faceți clic pe "Salvează ca..." pe un PC sau pe un PC "Salvați..." pe un Mac din meniul care scade.

Imagine intitulată Creați un calculator utilizând HTML Pasul 6

4. Adăugați o extensie HTML la numele fișierului. În "Salvează ca..." meniu, introduceți numele fișierului urmat de ".HTML", și apoi faceți clic pe "Salvați". De exemplu, dacă doriți să apelați acest fișier primul meu calculator, ați salva fișierul ca "Myfirstcalculator.HTML"

Partea 4 din 4:

Folosind calculatorul dumneavoastră

1. Găsiți fișierul pe care tocmai l-ați creat. Pentru a face acest lucru, introduceți numele fișierului dvs. în lumina reflectoarelor sau în bara de căutare a meniului Start, așa cum este descris în pasul anterior. Nu este nevoie să tastați "HTML" extensie.