Hogyan lehet számológépet létrehozni HTML-sel

Szerző: John Stephens
A Teremtés Dátuma: 21 Január 2021
Frissítés Dátuma: 15 Lehet 2024
Anonim
Hogyan lehet számológépet létrehozni HTML-sel - Hogyan Kell
Hogyan lehet számológépet létrehozni HTML-sel - Hogyan Kell

Tartalom

Ebben a cikkben: Értse meg a kódot Írja be a számológép alapkódjátKészítse el a számológépetHasználja a számológépet11 Hivatkozások

Számos módja van a számítások elvégzésének a számítógépen a beépített számológép segítségével, de saját is létrehozhat HTML kóddal. Ehhez meg kell tanulnia a HTML alapjait, mielőtt a szükséges kódot másolja egy e-fájlba, amelyet az extension.html fájllal ment. Ezután egyszerűen nyissa meg a fájlt a kedvenc böngészőjében a számológép eléréséhez. Ez a technika lehetővé teszi számítások elvégzését közvetlenül a böngészőben, miközben megtanulja a számítógépes programozás alapjait.


szakaszában

1. rész A kód megértése



  1. Tudja meg, hogyan működik a kód. A számológép létrehozásához használt kód azon kicsi kóddarabokon alapul, amelyek együttműködnek a dokumentum különféle elemeinek meghatározásában. Tudjon meg többet a HTML-ről, ha erre a linkre kattint, vagy elolvashatja, hogy az egyes sorok mit tesznek a kódban, amelyet a számológéphez fog használni.
    • html: ez a kóddarab jelzi a dokumentum többi részére a használt nyelvet. Sok különböző programozási nyelvet használnak, és a címke jelzi a dokumentum többi részére, hogy ezúttal a HTML-t használja.
    • fej : ez megmondja a dokumentumnak, hogy az alábbi információk "metaadatoknak" is nevezett adatok. A címkét általában a dokumentum stilisztikai elemeinek, például a cím, a fejlécek stb. Meghatározására használják. Olyan, mint egy esernyő, amely alatt a kód többi része meg van határozva.
    • cím : Ezt a címet kapod a dokumentumnak. Ez a címke a dokumentum címének megjelenítésére szolgál, miután a böngészőben megnyitotta.
    • body bgcolor = "#" : Ez beállítja a dokumentum háttér színét. Az éles után megjelenő szám egy előre meghatározott színnek felel meg.
    • = '' : Az idézőjelben szereplő szó jelzi a dokumentum e színét.
    • form name = "" : Ez az attribútum azt az űrlap nevét jelöli, amelyet az azt követő struktúrához használnak, hogy a JavaScript tudja, melyik űrlapról beszélnek. Például az űrlap nevét, amelyet használni fogunk, a "kalkulátor", amely létrehozza a dokumentum konkrét felépítését.
    • input type = "" : itt lesz a fellépés. Az "input type" attribútum megmutatja a dokumentumnak az e érték típusát a zárójelben. Például lehet e, egy jelszó, egy gomb (ahogyan a számológépünkben lesz), és így tovább.
    • value = "" : Ez az attribútum megmondja a dokumentumnak, hogy az "input type" attribútum tartalmazni fogja. Számológép esetén az 1-től 9-ig terjedő számokat és a számtani jeleket (+, -, *, /, =) jeleníti meg.
    • onclick = "" : Ez a kóddarab leír egy eseményt, amely azt mondja a dokumentumnak, hogy a gomb aktiválásakor történjen valami. Számológép esetén azt a számot kell megjeleníteni, amely megfelel a felhasználó által megnyomott gombnak. Például, ha a 6 gomb engedélyezve van, akkor a document.calculator.in.value + = 6 értéket idézőjelek közé kell helyezni.
    • br : ez egy címke, amely jelzi a sortörést, a következő kód többi része a következő sorban jelenik meg.
    • / űrlap, / test és / html Ezek a záró címkék azt mondják a böngészőnek, hogy a korábban megnyitott címkék már készek és bezáródtak.

2. rész Írja be a számológép alapkódját

Másolja az alábbi kódot. Válassza ki az alábbi e értéket úgy, hogy a kurzort a mező bal felső sarkából lenyomva tartja, és a jobb alsó sarokba húzza, hogy az egész e kék színű legyen. Ezután nyomja meg a "Command + C" gombot Mac számítógépen vagy a "Ctrl + C" számítógépen a másoláshoz.


HTML kalkulátor

Az eredmény:

3. rész A számológép létrehozása




  1. Nyisson meg egy e fájlt a számítógépen. Számos program használható, de a minőség érdekében a Szerkesztés vagy a Jegyzettömb használata ajánlott.
    • Mac számítógépen csak kattintson a képernyő jobb felső sarkában lévő nagyítóra a Spotlight megnyitásához. Miután megnyitotta, írja be szerkesztése majd kattintson a kék színben választani kívánt programra.
    • PC-n kattintson a gombra kezdet bal alsó. Írja be a keresősávba Jegyzettömb és kattintson az alkalmazásnak, amelynek megjelennie kell az eredményekben.


  2. Illessze be a HTML kódot a dokumentumba.
    • Mac számítógépen csak kattintson a dokumentum törzsére, és nyomja meg a gombot "Command + V". Ezután kattintson a gombra formátum a képernyő tetején, majd tovább Nézet egyszerűen e a kód beillesztése után.
    • PC-n kattintson a dokumentum törzsére és illessze be a kódot a megnyomásával "Ctrl + V".


  3. Mentse a fájlt. Csak kattintson a gombra fájl az ablak bal felső sarkában, majd tovább Mentés másként ... PC-n vagy Mentés ... egy Mac számítógépen a megjelenő legördülő menüben.


  4. Adja hozzá a HTML kiterjesztést. A menübe való kattintás előtt írja be a fájlnevet, amelyet a ".html" követ rekord. Például, ha ezt a fájlt "első számológépemnek" szeretné hívni, nevet adhat neki: "MyPremierCalculette.html".

4. rész A számológép használata



  1. Keresse meg a HTML fájlt. Egyszerűen írja be a fájlnevet a Spotlight alkalmazásba a Mac számítógépen vagy a Windows Start menü keresősávjára. Nem szükséges beírni a fájl kiterjesztését.


  2. Kattintson rá a megnyitásához. Az alapértelmezett böngészőnek új lapon kell megnyitnia a számológépet.


  3. Kattintson a gombokra a használatához. A számítások eredményének megjelennie kell az erre a célra szolgáló sávban.

Rendkívül zemélyre zabott zámítógépe zajo zizegéei általában ellenúlyozzák az általa kínált előnyöket, ám való...

A Microsoft Office letöltése

Charles Brown

Lehet 2024

Telepíteni zeretné az Office új zámítógépen? Manapág nem kell zámítógép-áruházba menni annak megváárláához; mi...

Válassza Az Adminisztráció Lehetőséget