Hur man bygger en dator med HTML

Författare: John Stephens
Skapelsedatum: 22 Januari 2021
Uppdatera Datum: 1 Juli 2024
Anonim
ATT BYGGA EN DATOR
Video: ATT BYGGA EN DATOR

Innehåll

Förutom oräkneliga inbyggda miniräknare kan du också göra matte på ditt skrivbord med hjälp av HTML-kod för att bygga dig själv. För att skapa en dator från HTML måste du lära dig grundläggande kunskaper om detta programmeringsspråk och sedan kopiera den nödvändiga koden till en textredigerare och spara den som HTML. Du kan nu öppna HTML-dokumentet i din favoritwebbläsare och börja använda din dator. Precis så kan du inte bara matta i webbläsaren utan också lära dig grunderna i konsten att programmera!

Steg

Del 1 av 4: Förstå din kod

  1. Lär dig funktionerna för varje html. Koden du använder för att bygga din dator består av många syntaxfragment. De kombinerar för att skapa många olika delar av dokumentet. Klicka här för att lära dig hur du bekantar dig med processen, eller läs vidare för att se vad varje textrad gör i koden du kommer att använda.
    • html: Denna del av syntaxen berättar för resten av dokumentet vad språket ska användas. I programmeringen används många språk och låt resten av dokumentet veta att det är skrivet med - det stämmer - html!
    • huvud: Berätta för dokumentet att innehållet nedan är data om data, även känd som "metadata" (metadata). Comeinand används ofta för att definiera ett stilistiskt element i dokumentet, som rubriker, rubriker etc. Det kan ses som ett paraply som täcker resten av koden.
    • titel: Det är här du kommer att namnge ditt dokument. Detta attribut bestämmer titeln på dokumentet när det öppnas i html-webbläsaren.
    • body bgcolor = "#": Detta attribut anger kodens bakgrund och kroppsfärg. Siffran i citattecken efter # -tecknet motsvarar en viss färg i html
    • text = "": Ordet i citattecken anger textfärgen i dokumentet.
    • formulärnamn = "": Detta attribut anger formulärets namn. Tack vare det kommer Javascript att identifiera vad formen i fråga är och tillämpa strukturen konstruerad från den formen. Här använder vi till exempel formuläret Kalkylator och det skapar en separat struktur för dokumentet.
    • ingångstyp = "": Det är här åtgärden äger rum. Egenskapen "input type" berättar för dokumentet vilken typ av input värdena i övriga parenteser finns i. Det kan vara text, lösenord, knappar (för datorer) etc.
    • värde = "": Det här kommandot berättar för dokumentet vad innehållet innehåller i ingångstypen som anges ovan. Med en miniräknare skulle det vara siffrorna (1-9) och matematik (+, -, *, /, =).
    • onClick = "": Denna syntax beskriver en händelse - berättar för dokumentet att något händer när någon trycker på en knapp. Med en dator vill vi att varje knapp som trycks ned ska visas. Till exempel, med "6" -knappen, lägger vi document.calculator.ans.value + = '6' mellan citat.
    • br: Den här taggen hjälper dig att returnera en rad i dokumentet. Allt innehåll som följer det kommer att visas på raden under innehållet innan det.
    • / form, / body och / html: dessa kommandon berättar för dokumentet vid denna tidpunkt, motsvarande kommandon initialiserade kommer att avslutas.
    annons

Del 2 av 4: Grundläggande HTML-datorprogrammering


  1. Kopiera följande kod. Markera texten i rutan nedan genom att hålla och dra från rutans övre vänstra hörn till det nedre högra hörnet. Hela texten blir grön. Tryck på "Command + C" på en Mac eller "Ctrl + C" på en dator för att kopiera koden till Urklipp. annons

Del 3 av 4: Skapa din dator


  1. Öppna en datorbaserad textredigerare. Det finns många alternativ för dig, men för bekvämlighet och kvalitet är TextEdit och Notepad de två applikationerna du ska använda.
    • På Mac klickar du på förstoringsglaset i skärmens övre högra hörn för att öppna Spotlight. Skriv TextEdit i Spotlight och klicka på programmet: det måste markeras i grönt.
    • Öppna Start-menyn längst ned till vänster på skärmen på din dator. Skriv Anteckningar i sökfältet och klicka på Anteckningar-appen som visas i resultatfältet till höger.

  2. Klistra in den datorgenererade HTML-koden i dokumentet.
    • På Mac: n klickar du på dokumentets kropp och trycker på "Kommando + V". Därefter måste du klicka på objektet "Formatera" (format) högst upp på skärmen och "Gör vanlig text" (Skapa tom text) efter klistra in.
    • På datorn klickar du på dokumentet och trycker på "Ctrl + V".
  3. Spara filen. Klicka på knappen "Arkiv" i fönstrets övre vänstra hörn och klicka på rullgardinsmenyn "Spara som ..." (Save As) - på PC eller "Spara ..." (Spara) - på Mac
  4. Lägg till HTML-tillägget för filnamnet. I menyn "Spara som ..." skriver du filnamnet med tillägget ".html" och klickar sedan på "Spara". Om du till exempel vill ringa filen First Computer skulle du spara som "MayTinhDauTien.html".

Del 4 av 4: Använda din dator

  1. Hitta filen du just skapade. Ange filnamnet i Spotlight eller sökfältet i Start-menyn som visas i föregående steg. Du behöver inte ange tillägget "html".
  2. Klicka för att öppna filen. Standardwebbläsaren öppnar datorn på en ny webbplats.
  3. Klicka på knapparna på datorn för att använda den. Beräkningsresultaten visas i resultatfältet. annons

Råd

  • Du kan bädda in den här datorn på webbsidan om du vill.
  • Du kan också använda stilegenskaper för att ändra datorns utseende.