Kaip sukurti kompiuterį naudojant HTML

Autorius: John Stephens
Kūrybos Data: 22 Sausio Mėn 2021
Atnaujinimo Data: 1 Liepos Mėn 2024
Anonim
Making a Responsive Website by using HTML, CSS and JavaScript | All about Web Development Project #2
Video.: Making a Responsive Website by using HTML, CSS and JavaScript | All about Web Development Project #2

Turinys

Be nesuskaičiuojamų skaičiuoklių, jūs taip pat galite atlikti matematiką darbalaukyje naudodami HTML kodą, kad patys sukurtumėte. Norėdami sukurti kompiuterį iš HTML, turite išmokti keletą pagrindinių šios programavimo kalbos žinių, tada nukopijuoti reikiamą kodą į teksto redaktorių ir išsaugoti jį kaip HTML. Dabar galite atidaryti HTML dokumentą savo mėgstamoje naršyklėje ir pradėti naudoti kompiuterį. Lygiai taip, jūs galite ne tik atlikti matematiką naršyklėje, bet ir išmokti programavimo meno pagrindų!

Žingsniai

1 dalis iš 4: Supraskite savo kodą

  1. Sužinokite apie kiekvieno HTML funkcijas. Kodas, kurį naudojate kurdami kompiuterį, susideda iš daugybės sintaksės fragmentų. Jie kartu sukuria daug skirtingų dokumento elementų. Spustelėkite čia, kad sužinotumėte, kaip susipažinti su procesu, arba perskaitykite, kad pamatytumėte, ką kiekviena teksto eilutė veikia jūsų naudojamame kode.
    • HTML: Ši sintaksės dalis nurodo likusiai dokumento daliai, kokia kalba turi būti naudojama. Programuojant yra naudojama daug kalbų ir praneškite likusiam dokumentui, kad jis parašytas - taip, taip - html!
    • galva: Nurodo dokumentui, kad toliau pateiktas turinys yra duomenys apie duomenis, dar vadinami „metaduomenimis“ (metaduomenimis). Comeinand dažnai naudojamas apibrėžiant stilistinį dokumento elementą, pvz., antraštes, antraštes ir kt. Tai gali būti suprantama kaip skėtis, apimantis likusią kodo dalį.
    • pavadinimas: Čia jūs pavadinsite savo dokumentą. Šis atributas nustato dokumento pavadinimą, kai atidaromas HTML naršyklėje.
    • kūnas bgcolor = "#": Šis atributas nurodo kodo foną ir kūno spalvą. Skaičius kabutėse po ženklo # atitinka nurodytą HTML spalvą
    • tekstas = "": Kabutėse įrašytas žodis nurodo dokumento teksto spalvą.
    • formos pavadinimas = "": Šis atributas nurodo formos pavadinimą. Jo dėka „Javascript“ nustatys, kokia yra nagrinėjama forma, ir pritaikys iš tos formos sukurtą struktūrą. Pavyzdžiui, čia mes naudojame formą Skaičiuoklė ir ji sukurs atskirą dokumento struktūrą.
    • įvesties tipas = "": Čia vyksta veiksmas. Ypatybė "įvesties tipas" nurodo dokumentui, kokio tipo įvestyje yra likusių skliaustų vertės. Tai gali būti tekstas, slaptažodžiai, mygtukai (skirti kompiuteriams) ir kt.
    • vertė = "": Ši komanda dokumentui nurodo, koks turinys yra aukščiau nurodytame įvesties tipe. Skaičiuoklėje tai būtų skaitmenys (1–9) ir matematika (+, -, *, /, =).
    • onClick = "": Ši sintaksė apibūdina įvykį - nurodo dokumentui, kad kažkas atsitinka, kai kas nors paspaudžia mygtuką. Su kompiuteriu norime, kad būtų rodomas kiekvienas paspaustas mygtukas. Pavyzdžiui, mygtuku „6“ tarp kabučių įdėsime document.calculator.ans.value + = '6'.
    • br: Ši žyma padeda grąžinti dokumento eilutę. Bet koks po jo einantis turinys bus rodomas eilutėje po turiniu prieš jį.
    • / forma, / kūnas ir / html: šios komandos nurodo dokumentą šiuo metu, atitinkamos inicializuotos komandos baigsis.
    skelbimas

2 dalis iš 4: Pagrindinis HTML kompiuterinis programavimas


  1. Nukopijuokite šį kodą. Pasirinkite tekstą žemiau esančiame laukelyje, laikydami ir vilkdami iš viršutinio kairiojo langelio kampo į apatinį dešinįjį kampą. Visas tekstas taps žalias. Jei norite nukopijuoti kodą į mainų sritį, „Mac“ paspauskite „Command + C“ arba asmeniniame kompiuteryje „Ctrl + C“. skelbimas

3 dalis iš 4: sukurkite savo kompiuterį


  1. Atidarykite kompiuterinį teksto rengyklę. Jums yra daugybė variantų, tačiau patogumui ir kokybei „TextEdit“ ir „Notepad“ yra dvi naudojamos programos.
    • „Mac“ sistemoje spustelėkite didinamąjį stiklą viršutiniame dešiniajame ekrano kampe, kad atidarytumėte „Spotlight“. „Spotlight“ įrašykite „TextEdit“ ir spustelėkite programą: ji turi būti paryškinta žalia spalva.
    • Kompiuteryje atidarykite meniu Pradėti apatiniame kairiajame ekrano kampe. Paieškos juostoje įveskite „Notepad“ ir dešinėje spustelėkite rezultatų juostoje rodomą programą „Notepad“.

  2. Įklijuokite kompiuterio sugeneruotą HTML kodą į dokumentą.
    • „Mac“ sistemoje spustelėkite dokumento turinį ir paspauskite „Command + V“. Tada turite spustelėti elementą „Formatas“ (formatas) ekrano viršuje ir „Padaryti paprastą tekstą“ (Sukurti tuščią tekstą) įklijavus.
    • Kompiuteryje spustelėkite dokumento turinį ir paspauskite „Ctrl + V“.
  3. Išsaugokite failą. Spustelėkite mygtuką „Failas“ viršutiniame kairiajame lango kampe ir išskleidžiamajame meniu spustelėkite "Išsaugoti kaip ..." (Išsaugoti kaip) - kompiuteryje arba "Sutaupyti ..." (Išsaugoti) - „Mac“
  4. Pridėkite failo vardo HTML plėtinį. Meniu „Išsaugoti kaip ...“ įveskite failo pavadinimą su plėtiniu „.html“, tada spustelėkite „Išsaugoti“. Pavyzdžiui, norėdami iškviesti failą „Pirmasis kompiuteris“, išsaugotumėte kaip „MayTinhDauTien.html“.

4 dalis iš 4: Naudojimasis kompiuteriu

  1. Raskite ką tik sukurtą failą. Įveskite failo pavadinimą „Spotlight“ arba „Start“ meniu paieškos juostoje, kaip parodyta ankstesniame žingsnyje. Jums nereikia įvesti „html“ plėtinio.
  2. Spustelėkite, kad atidarytumėte failą. Numatytoji naršyklė atidarys kompiuterį naujoje svetainėje.
  3. Norėdami jį naudoti, spustelėkite kompiuterio mygtukus. Skaičiavimo rezultatai bus rodomi rezultatų juostoje. skelbimas

Patarimas

  • Jei norite, galite įdėti šį kompiuterį į tinklalapį.
  • Taip pat galite naudoti stiliaus ypatybes, kad pakeistumėte savo kompiuterio išvaizdą.