Cum se creează un calculator cu HTML

Autor: John Stephens
Data Creației: 21 Ianuarie 2021
Data Actualizării: 14 Mai 2024
Anonim
8. How to Create a Simple HTML Page (Hindi)
Video: 8. How to Create a Simple HTML Page (Hindi)

Conţinut

În acest articol: Înțelegeți codul Scrieți codul de bază al calculatoruluiCreați calculatorulUtilizați calculatorul11 Referințe

Există multe modalități de a face calcule pe computer folosind calculatorul încorporat, dar vă puteți crea și dvs. folosind doar cod HTML. Pentru a face acest lucru, trebuie să aflați elementele de bază ale HTMLului înainte de a copia codul necesar într-un fișier e pe care îl salvați cu extensia.html. Apoi, deschideți pur și simplu fișierul în browserul dvs. preferat pentru a accesa calculatorul. Această tehnică vă permite să faceți calcule direct în browserul dvs. în timp ce învățați elementele de bază ale artei programării computerului.


etape

Partea 1 Înțelegerea codului



  1. Înțelegeți cum funcționează codul. Codul pe care îl veți utiliza pentru a crea calculatorul se bazează pe bucăți mici de cod care lucrează între ele pentru a defini diferite elemente ale documentului. Puteți afla mai multe despre HTML făcând clic pe acest link sau puteți citi ce face fiecare linie în codul pe care îl folosiți pentru calculator.
    • html: această bucată de cod indică restul documentului limba folosită. Sunt utilizate multe limbaje de programare diferite, iar eticheta indică restului documentului că de data aceasta este HTML pe care îl utilizați.
    • cap : acest lucru spune documentului că următoarele informații sunt date numite și „metadate”. Eticheta este de obicei folosită pentru a defini elemente stilistice ale documentului, cum ar fi titlul, anteturile etc. Este ca o umbrelă sub care este definit restul codului.
    • titlu : Acesta este titlul pe care îl veți da documentului. Această etichetă este utilizată pentru a afișa titlul documentului după ce este deschis în browser.
    • body bgcolor = "#" : Aceasta setează o culoare de fundal pentru document. Numărul care apare după ascuțit corespunde unei culori prestabilite.
    • = '' : Cuvântul dintre ghilimele indică culoarea e a documentului.
    • nume de formular = "" : Acest atribut indică numele formularului care va fi utilizat pentru structura a ceea ce vine după, astfel încât JavaScript să știe ce formă se vorbește. De exemplu, numele formularului pe care îl vom folosi este „calculator” care va crea structura specifică a documentului.
    • tip de intrare = "" : aici se va desfășura acțiunea. Atributul „tip de intrare” indică documentului tipul valorii pentru e în restul parantezelor. De exemplu, ar putea fi e, o parolă, un buton (așa cum va fi calculatorul nostru) și așa mai departe.
    • value = "" : Acest atribut spune documentului ce va conține atributul „tip de intrare”. Pentru un calculator, veți afișa numerele de la 1 la 9 și semnele aritmetice (+, -, *, /, =).
    • onclick = "" : Această bucată de cod descrie un eveniment care spune documentului că ceva trebuie să se întâmple când butonul este activat. Pentru un calculator, doriți să afișați numărul care corespunde butonului apăsat de utilizator. De exemplu, dacă butonul 6 este activat, doriți să puneți document.calculator.in.value + = 6 între ghilimele.
    • br : este o etichetă care indică o pauză de linie, tot restul codului care urmează va apărea o linie mai jos.
    • / forma, / corp și / html Aceste etichete de închidere spun browserului că etichetele pe care le-ați deschis mai devreme sunt acum terminate și închise.

Partea 2 Scrieți codul de bază al calculatorului

Copiați codul de mai jos. Selectați e de mai jos păstrând cursorul apăsat din colțul din stânga sus al casetei și trageți-l în colțul din dreapta jos, astfel încât întregul e să apară albastru. Apoi apăsați „Command + C” pe un Mac sau „Ctrl + C” pe un computer pentru a copia e.


Calculator HTML

Rezultatul este

Partea 3 Crearea calculatorului




  1. Deschideți un fișier e pe computer. Există multe programe pe care le puteți utiliza, dar, din motive de calitate, este recomandat să utilizați Editare sau Notepad.
    • Pe un Mac, trebuie doar să faceți clic pe lupă din partea dreaptă sus a ecranului pentru a deschide Spotlight. Odată deschis, tastați edita și faceți clic pe programul care ar trebui selectat în albastru.
    • Pe un computer, faceți clic pe buton start în stânga jos. În bara de căutare, tastați Notepad și faceți clic pe aplicația care ar trebui să apară în rezultate.


  2. Lipiți codul HTML în document.
    • Pe un Mac, trebuie doar să faceți clic în corpul documentului și să apăsați "Comandă + V". Apoi ar trebui să faceți clic pe format în partea de sus a ecranului și apoi mai departe Vizualizați în e simplu după lipirea codului.
    • Pe un computer, faceți clic pe corpul documentului și lipiți codul apăsând "Ctrl + V".


  3. Salvați fișierul. Doar faceți clic pe buton fișier în stânga sus a ferestrei și apoi mai departe Salvați ca ... pe un computer sau Salvați ... pe un Mac din meniul derulant care apare.


  4. Adăugați extensia HTML. Odată ajuns în meniu, tastați numele fișierului urmat de „.html” înainte de a face clic record. De exemplu, dacă doriți să numiți acest fișier „primul meu calculator”, puteți să îi dați numele: „MyPremierCalculette.html”.

Partea 4 Utilizarea calculatorului



  1. Găsiți fișierul HTML. Pur și simplu introduceți numele fișierului în Spotlight pe Mac sau în bara de căutare a meniului Start Windows. Nu este necesar să tastați extensia fișierului.


  2. Faceți clic pe el pentru a-l deschide. Browserul dvs. implicit ar trebui să deschidă calculatorul într-o nouă filă.


  3. Faceți clic pe butoanele pentru al utiliza. Rezultatele calculelor dvs. trebuie să apară în bara prevăzută în acest scop.

Alte ecțiuni Roșiile hidroponice unt cultivate într-o oluție nutritivă mai degrabă decât în ​​ol, deși unt plaate de obicei într-un material care nu poate fi uținut de rădăcini și ...

Cum se face ceață de corp

William Ramirez

Mai 2024

Alte ecțiuni Cum ă faci o ceață de corp, care ete drăguț, flirty și ubtil. Nu exită nimic mai bun decât ă ai un parfum unic pe care nimeni nu îl poate copia și care ți e potrivește! Acet luc...

Popular