Hvordan lage en datamaskin ved hjelp av HTML

Forfatter: John Stephens
Opprettelsesdato: 22 Januar 2021
Oppdater Dato: 1 Juli 2024
Anonim
Hvordan kode HTML og CSS - Del 2 Hvordan lage et HTML dokument
Video: Hvordan kode HTML og CSS - Del 2 Hvordan lage et HTML dokument

Innhold

Foruten utallige innebygde kalkulatorer, kan du også gjøre matte på skrivebordet ditt ved hjelp av HTML-kode for å bygge deg selv. For å lage en datamaskin fra HTML, må du lære litt grunnleggende kunnskap om dette programmeringsspråket og deretter kopiere den nødvendige koden til et tekstredigeringsprogram og lagre den som HTML. Du kan nå åpne HTML-dokumentet i favorittleseren din og begynne å bruke datamaskinen. Akkurat slik kan du ikke bare matte i nettleseren, men også lære det grunnleggende om programmeringskunst!

Fremgangsmåte

Del 1 av 4: Forstå koden din

  1. Lær funksjonene til hver html. Koden du bruker til å bygge datamaskinen din, består av mange syntaksfragmenter. De kombineres for å skape mange forskjellige elementer i dokumentet. Klikk her for å lære hvordan du blir kjent med prosessen, eller les videre for å se hva hver tekstlinje gjør i koden du vil bruke.
    • html: Denne delen av syntaksen forteller resten av dokumentet hva språket skal brukes. I programmering er det mange språk som brukes og la resten av dokumentet vite at det er skrevet med - det stemmer - html!
    • hode: Fortell dokumentet at innholdet nedenfor er dataene om dataene, også kjent som "metadata" (metadata). Comeinand ofte brukt til å definere et stilistisk element i dokumentet, som overskrifter, overskrifter, etc. Det kan tenkes som en paraply som dekker resten av koden.
    • tittel: Dette er hvor du vil gi navnet ditt dokument. Dette attributtet bestemmer tittelen på dokumentet når det åpnes i html-nettleseren.
    • kropp bgcolor = "#": Denne attributtet spesifiserer bakgrunn og kroppsfarge på koden. Antallet anførselstegn etter # tegnet tilsvarer en spesifisert farge i html
    • tekst = "": Ordet vedlagt anførselstegn angir tekstfargen i dokumentet.
    • skjema navn = "": Denne attributtet spesifiserer navnet på skjemaet. Takket være det vil Javascript identifisere hva formen i spørsmålet er og anvende strukturen bygget opp fra skjemaet. Her bruker vi for eksempel kalkulatorskjemaet, og det vil opprette en egen struktur for dokumentet.
    • inngangstype = "": Det er her handlingen foregår. Egenskapen "input type" forteller dokumentet hvilken type input verdiene i resten av parentesene er i. Det kan være tekst, passord, knapper (for datamaskiner) osv.
    • verdi = "": Denne kommandoen forteller dokumentet hva innholdet inneholder i inndatatypen spesifisert ovenfor. Med en kalkulator vil det være sifrene (1-9) og matematikk (+, -, *, /, =).
    • onClick = "": Denne syntaksen beskriver en hendelse - forteller dokumentet at noe skjer når noen trykker på en knapp. Med en datamaskin vil vi at hver knapp som trykkes skal vises. For eksempel, med "6" -knappen, vil vi sette document.calculator.ans.value + = '6' mellom anførselstegn.
    • br: Denne koden hjelper deg med å returnere en linje i dokumentet. Alt innhold som følger den vises på linjen under innholdet før den.
    • / form, / body og / html: disse kommandoene forteller dokumentet på dette punktet, de tilsvarende kommandoene som initialiseres, avsluttes.
    annonse

Del 2 av 4: Grunnleggende HTML-programmering


  1. Kopier følgende kode. Velg teksten i boksen nedenfor ved å holde og dra fra øvre venstre hjørne av boksen til nedre høyre hjørne. All tekst blir grønn. Trykk på "Command + C" på en Mac eller "Ctrl + C" på en PC for å kopiere koden til utklippstavlen. annonse

Del 3 av 4: Lag datamaskinen din


  1. Åpne et tekstredigeringsprogram på datamaskinen. Det er mange alternativer for deg, men for enkelhets skyld og kvalitet er TextEdit og Notepad de to programmene du skal bruke.
    • På Mac-en klikker du på forstørrelsesglasset øverst til høyre på skjermen for å åpne Spotlight. Skriv inn TextEdit i Spotlight og klikk på programmet: det må være uthevet i grønt.
    • Åpne Start-menyen nederst til venstre på skjermen på PC-en. Skriv inn Notisblokk i søkefeltet, og klikk på Notisblokk-appen som vises i resultatlinjen til høyre.

  2. Lim inn den datamaskingenererte HTML-koden i dokumentet.
    • På Mac-en klikker du på hoveddelen av dokumentet og trykker på "Kommando + V". Deretter må du klikke på varen "Format" (format) øverst på skjermen og "Lag vanlig tekst" (Lag blank tekst) etter liming.
    • På PCen klikker du på dokumentet og trykker "Ctrl + V".
  3. Lagre filen. Klikk på "File" -knappen øverst til venstre i vinduet, og klikk på rullegardinmenyen "Lagre som ..." (Lagre som) - på PC, eller "Lagre ..." (Lagre) - på Mac
  4. Legg til HTML-utvidelsen for filnavnet. Skriv inn filnavnet med ".html" -utvidelsen i "Lagre som ..." -menyen, og klikk deretter på "Lagre". Hvis du for eksempel vil kalle filen First Computer, lagrer du den som "MayTinhDauTien.html".

Del 4 av 4: Bruke datamaskinen

  1. Finn filen du nettopp opprettet. Skriv inn filnavnet i Spotlight eller Start-menyens søkefelt som vist i forrige trinn. Du trenger ikke å angi utvidelsen "html".
  2. Klikk for å åpne filen. Standard nettleser åpner datamaskinen på et nytt nettsted.
  3. Klikk på knappene på datamaskinen for å bruke den. Beregningsresultatene vises i resultatlinjen. annonse

Råd

  • Du kan bygge inn denne datamaskinen på nettsiden hvis du vil.
  • Du kan også bruke stilegenskaper for å endre utseendet på datamaskinen.