Ako vytvoriť kalkulačku pomocou HTML Jazyk: 9 krokov

Matematické výpočty je možné vykonať na počítači pomocou kalkulačky, ale zaujímavejšie vytvoriť kalkulačku cez najjednoduchší HTML kód. Ak to chcete urobiť, musíte zistiť základy HTML, skopírujte kód do textového editora a uložte ho pomocou rozšírenia HTML. Ak chcete využiť kalkulačku, musíte otvoriť stránku HTML v prehliadači. OPATRENIA OPATRENIA VYKONÁVAŤ VYKONÁVAŤ NIEKTORÉ POTVRDZUJÚ.

Kroky

Časť 1 z 4:

Základy HTML-CODE

jeden. Preskúmajte hlavné funkcie HTML. Opísaný kód, ktorým môžete vytvoriť kalkulačku, obsahuje množstvo syntaxových prvkov, ktoré definujú rôzne parametre stránky. Čítať Článok o tom, ako sa naučiť HTML, Alebo čítať ďalej, aby ste zistili, čo je kód reprezentovaný.

Html: Tento prvok syntaxe označuje jazyk, na ktorom je program napísaný. Pri písaní kódu je možné použiť niekoľko programovacích jazykov, takže tag Označuje jazyk HTML.
Hlavu: Vnútri tejto značky Nastavuje parametre iných údajov, to znamená, že takzvaná metadáta je indikovaná. Ako pravidlo, tím Na určenie parametrov štýlových prvkov, ako sú titulky, titulky a tak ďalej. Táto značka je druh dáždnika, pod ktorou je hlavnou časťou programu.
Titul: Táto značka určuje názov stránky, ktorá sa zobrazí vo webovom prehliadači, keď ho otvoríte.
Telo bgcolor = "Č. T": Tento atribút nastaví farbu farby. Číslo, ktoré je zadané v úvodzovkách po tom, čo symbol # zodpovedá definovaná farba.
Text = "": Slovo, ktoré sa zadáva vnútri citácií, určuje farbu stránky stránky.
Názov formy ="": Tento atribút definuje názov tvaru, ktorý sa používa na vytvorenie štruktúry na základe skutočnosti, že jаvascript je známy ako názov formulára. V našom príklade bude hodnota "kalkulačka" použitý ako forma formulára, ktorá povedie k vytvoreniu špeciálnej štruktúry stránky.
Typ vstupu ="": Toto je snáď hlavný atribút, ktorý určuje, ktoré prvky stránky zodpovedajú hodnotám zadaným v úvodzovkách. Takéto prvky môžu byť napríklad texty, heslá, tlačidlá (ako v našom prípade s kalkulačkou) a tak ďalej.
Hodnota ="": Tento príkaz definuje znaky, ktoré sa zobrazia na prvkach zadaných "vstupným typom =" atribút. V prípade kalkulačky sú tieto symboly čísla (1-9) a matematické operácie (+, -, *, /, =).
onclick ="": Táto syntax opisuje udalosť, ktorá sa musí vyskytnúť pri stlačení tlačidla. V prípade kalkulačky musíte urobiť symbol zobrazený na tlačidle, bol zrozumiteľný systémom doslova. Ak sa napríklad zobrazí číslica 6, musíte zadať nasledujúcu hodnotu v citáciách: Dokument.Kalkulačka.ANS.Hodnota + = `6`.
Br: Táto značka iniciuje riziko linky na stránke, takže všetko, čo sa nachádza po tejto značke, zobrazí sa na nasledujúcom riadku.
/ Form, / Teleso a / HTML: Toto sú uzatváracie značky, ktoré dokončujú procesy spustené zodpovedajúce otváracie značky.

Časť 2 zo 4:

Základný kód HTML na vytvorenie kalkulačky

jeden. Skopírujte kód nižšie. Ak chcete zvýrazniť kód, presuňte kurzor do ľavého ľavého rohu okna, podržte ľavé tlačidlo myši a presuňte kurzor do pravého dolného dolného rohu kódu okna bude zvýraznený modrou farbou. Potom kliknite na položku Príkaz + C "(v systéme Mac OS) alebo" CTRL + C "(v systéme Windows) na skopírovanie kódu do schránky.

HTML kalkulačka BGCOLOR = "# 000000" Text = "Zlato"> Meno ="Kalkulačka" > Typ ="Tlačidlo" Hodnota ="jeden" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `1`"> Typ ="Tlačidlo" Hodnota ="2" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `2`"> Typ ="Tlačidlo" Hodnota ="3" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `3`">
 Typ ="Tlačidlo" Hodnota ="4" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `4`"> Typ ="Tlačidlo" Hodnota ="päť" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `5`"> Typ ="Tlačidlo" Hodnota ="6" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `6`"> Typ ="Tlačidlo" Hodnota ="7" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `7`">
 Typ ="Tlačidlo" Hodnota ="osem" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `8`"> Typ ="Tlačidlo" Hodnota ="deväť" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `9`"> Typ ="Tlačidlo" Hodnota ="-" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `-`"> Typ ="Tlačidlo" Hodnota ="+" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `+`">
 Typ ="Tlačidlo" Hodnota ="*" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `*"> Typ ="Tlačidlo" Hodnota ="Podnik" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `/`"> Typ ="Tlačidlo" Hodnota ="0" onclick ="Dokument.Kalkulačka.ANS.Hodnota + = `0`"> Typ ="Reset" Hodnota ="Reset"> Typ ="Tlačidlo" Hodnota ="=" onclick ="Dokument.Kalkulačka.ANS.Hodnota = eval (dokument.Kalkulačka.ANS.Hodnota)">
Riešenie ISTYPE ="Textové pole" Názov ="ANS" Hodnota ="">

Časť 3 zo 4:

Vytvorenie kalkulačky

jeden. Na počítači otvorte textový editor. Existuje mnoho podobných programov, ale odporúčame používať textedit alebo notebook.

V systéme Mac OS kliknite na ikonu vo forme zväčšovacieho skla (v pravom hornom rohu obrazovky) na otvorenie reflektorov. Zadajte "Textedit" a kliknite na program textedit, ktorý bude zvýraznený modrou farbou.
V systéme Windows otvorte ponuku Štart (v ľavom dolnom rohu obrazovky). V paneli vyhľadávania zadajte "Poznámkový blok" a kliknite na program Poznámkový blok, ktorý sa zobrazí v riadku výsledkov vyhľadávania (vpravo).

Obrázok s názvom Vytvorenie kalkulačky pomocou HTML Krok 4

2. Vložte kopírovaný HTML kód do textového dokumentu.

Mac OS kliknite na dokument a kliknite na položku "Príkaz + V". Potom kliknite na "Formát" (v hornej časti obrazovky) - "Vytvoriť textový dokument".

V systéme Windows kliknite na dokument a kliknite na tlačidlo "Ctrl + V".

Obrázok s názvom Vytvorenie kalkulačky pomocou HTML Krok 5

3. Uložte súbor. Ak to chcete urobiť, kliknite na "Súbor" (v ľavom hornom rohu okna) a potom kliknite na tlačidlo "Uložiť ako" (v systéme Windows) alebo "Uložiť" (v systéme Mac OS).

Obrázok s názvom Vytvorenie kalkulačky pomocou HTML Krok 6

4. Pridajte do názvu súboru rozšírenie .Html. V okne "Uložiť Ako" zadajte názov súboru s rozšírením .HTML a potom kliknite na tlačidlo "Uložiť". Napríklad, ak chcete volať "My Maker Cool" súbor, uložte ho ako materská kalkulačka.Html.

Časť 4 zo 4:

Pomocou kalkulačky

jeden. Nájdite vytvorený súbor. Ak to chcete urobiť, zadajte názov súboru v Spotlight alebo v riadku ponuky Štart (ako je opísané v predchádzajúcej časti). Predĺženie .HTML nemusíte zadať.