Hogyan lehet létrehozni egy számológépet HTML nyelv használatával: 9 lépés

A matematikai számítások számítógépen végezhetők egy számológép segítségével, de érdekesebbek a számológép létrehozásához a legegyszerűbb HTML-kód segítségével. Ehhez meg kell találnia a HTML alapjait, másolja a kódot egy szövegszerkesztőbe, és mentse el a HTML kiterjesztéssel. A számológép kihasználásához meg kell nyitnia egy HTML oldalt a böngészőben. A leírt műveletek nemcsak számításokat hajtanak végre a böngészőben, hanem a programozás egyes alapjait is megtanulják.

Lépések

1. rész:

A HTML-kód alapjai

egy. Fedezze fel a HTML főbb jellemzőit. Az ismertetett kód, amellyel számológépet hozhat létre, számos szintaxis elemet tartalmaz, amelyek meghatározzák a különböző oldalparamétereket. Olvas A cikk a HTML megtanulásáról, Vagy olvassa el, hogy megtudja, mire vonatkozik az itt szereplő kód.

Html: Ez a szintaxiselem olyan nyelvet jelez, amelyen a program meg van írva. A kód írásakor számos programozási nyelv használható, így a címke Jelzi a HTML nyelvet.
Fej: A címkén belül beállítja az egyéb adatok paramétereit, azaz az úgynevezett metaadatokat jelöli. Általános szabályként a csapat A stilisztikai elemek paramétereinek meghatározására használják, például a címsorok, feliratok és így tovább. Ez a címke egyfajta esernyő, amely alatt a program fő része van.
Cím: Ez a címke meghatározza a webes böngészőben megjelenő oldal nevét, amikor megnyitja.
Body BGColor = "#": Ez az attribútum beállítja a színes háttérszínt. Az idézőjelek belsejében szereplő szám # meghatározott színű.
Szöveg = "": Az idézőjelek belsejében megadott szó meghatározza az oldal oldalának színét.
Formanyomtatvány ="": Ez az attribútum nevét adja meg az alakja, hogy használják, hogy egy szerkezetet azon a tényen alapul, hogy a jаvascript ismert, hogy az űrlap neve. Példánkban a "számológép" értéket az űrlap formájaként fogják használni, amely egy speciális oldalszerkezet létrehozásához vezet.
Beviteli típus ="": Ez talán a fő attribútum, amely meghatározza, hogy az oldal mely elemei megfelelnek az idézetekbe bevitt értékeknek. Például az ilyen elemek lehetnek szövegek, jelszavak, gombok (mint a számológépünk esetében) és így tovább.
Érték ="": Ez a parancs olyan karaktereket határoz meg, amelyek a "Input Type =" attribútum által megadott elemeken jelennek meg. Számológép esetén ezek a szimbólumok számok (1-9) és matematikai műveletek (+, -, *, /, =).
onclick ="": Ez a szintaxis egy olyan eseményt ír le, amely a gomb megnyomásakor előfordul. Számológép esetén a gombon megjelenő szimbólumot a rendszer szó szerint érte el. Például, ha egy számjegyet 6 jelenik meg a gombot, meg kell adnia a következő értéket idézetek: Document.Számológép.ANS.Érték + = `6`.
Br: Ez a címke kezdeményezi a vonal kockázatát az oldalon, így minden, ami a címke után található, a következő sorban jelenik meg.
/ Forma, / test és / html: Ezek záró címkék, amelyek befejezik a megfelelő nyitó címkéket futtató folyamatok.

4. rész: 4:

Alapvető HTML kód létrehozása számológép létrehozásához

egy. Másolja az alábbi kódot. A kód kiemeléséhez mozgassa a kurzort az ablak bal felső sarkába, tartsa lenyomva a bal egérgombot, és húzza a kurzort az ablak jobb alsó sarkába, kékre kiemelhető. Ezután kattintson a "Command + C" (Mac OS) vagy a "Ctrl + C" (Windows) gombra, hogy a kódot a vágólapra másolja.

HTML számológép BGColor = "# 000000" Szöveg = "ARANY"> NAME ="Számológép" > Írja be ="Gomb" Érték ="egy" onclick ="Dokumentum.Számológép.ANS.Érték + = `1`"> Írja be ="Gomb" Érték ="2" onclick ="Dokumentum.Számológép.ANS.Érték + = `2`"> Írja be ="Gomb" Érték ="3" onclick ="Dokumentum.Számológép.ANS.Érték + = `3`">
 Típus ="Gomb" Érték ="4" onclick ="Dokumentum.Számológép.ANS.Érték + = `4`"> Írja be ="Gomb" Érték ="öt" onclick ="Dokumentum.Számológép.ANS.Érték + = `5`"> Írja be ="Gomb" Érték ="6" onclick ="Dokumentum.Számológép.ANS.Érték + = `6`"> Írja be ="Gomb" Érték ="7" onclick ="Dokumentum.Számológép.ANS.Érték + = `7`">
 Típus ="Gomb" Érték ="nyolc" onclick ="Dokumentum.Számológép.ANS.Érték + = `8`"> Írja be ="Gomb" Érték ="kilenc" onclick ="Dokumentum.Számológép.ANS.Érték + = `9`"> Írja be ="Gomb" Érték ="-" onclick ="Dokumentum.Számológép.ANS.Érték + = `-`"> Írja be ="Gomb" Érték ="+" onclick ="Dokumentum.Számológép.ANS.Érték + = `+`">
 Típus ="Gomb" Érték ="*" onclick ="Dokumentum.Számológép.ANS.Érték + = `*"> Írja be ="Gomb" Érték ="/" onclick ="Dokumentum.Számológép.ANS.Érték + = `/`"> Írja be ="Gomb" Érték ="0" onclick ="Dokumentum.Számológép.ANS.Érték + = `0`"> Írja be ="Visszaállítás" Érték ="Visszaállítás"> Írja be ="Gomb" Érték ="=" onclick ="Dokumentum.Számológép.ANS.Érték = eval (dokumentum.Számológép.ANS.Érték)">
Megoldás istype ="Textfield" NAME ="ANS" Érték ="">

3. rész: 4:

Számológép létrehozása

egy. A számítógépen nyissa meg a szövegszerkesztőt. Sok hasonló program van, de javasoljuk a textedit vagy notebook használatát.

Mac OS-ben kattintson az ikonra egy nagyító (a képernyő jobb felső sarkában) formájában a reflektorfény megnyitásához. Írja be a "Textedit" parancsot, és kattintson a Textedit programra, amely kék színű lesz.
A Windows rendszerben nyissa meg a Start menüt (a képernyő bal alsó sarkában). A keresősávban írja be a "Jegyzettömb" parancsot, és kattintson a Notepad programra, amely megjelenik a keresési eredménysorban (jobbra).

Kép címet Hozzon létre egy számológépet HTML 4. lépéssel

2. Helyezze be a másolt HTML kódot a szöveges dokumentumba.

Mac OS Kattintson a dokumentumra, és kattintson a "Command + V" gombra. Ezután kattintson a "Formázás" (a képernyő tetején) - "szöveges dokumentum létrehozása".

A Windows rendszerben kattintson a dokumentumra, és kattintson a "Ctrl + V" gombra.

A kép címe Hozzon létre egy számológépet HTML 5. lépéssel

3. Mentse el a fájlt. Ehhez kattintson a "Fájl" gombra (az ablak bal felső sarkában), majd kattintson a "Mentés" (Windows) vagy a "Mentés" (Mac OS) gombra.

Kép címet Hozzon létre egy számológépet HTML 6. lépéssel

4. Adjon hozzá egy bővítményt a fájlnévhez .Html. A "Mentés" ablakban írja be a fájl nevét a kiterjesztéssel .HTML, majd kattintson a "Mentés" gombra. Például, ha a "My Maker Cool" fájlt szeretné hívni, mentse el anya számológépként.Html.

4. rész 4:

Számológép használata

egy. Keresse meg a létrehozott fájlt. Ehhez írja be a Fájlnevet a Spotlightban vagy a Start menü keresési sorában (az előző részben leírtak szerint). Kiterjesztés .A HTML nem kell megadnia.