Wéi bauen ech e Computer mat HTML

Auteur: John Stephens
Denlaod Vun Der Kreatioun: 22 Januar 2021
Update Datum: 1 Juli 2024
Anonim
How To Make Login Form With Password Toggle In HTML CSS JS
Videospiller: How To Make Login Form With Password Toggle In HTML CSS JS

Inhalt

Nieft onzuelegen agebaute Rechner kënnt Dir och Mathematik op Ärem Desktop benotze mat HTML Code fir Iech selwer ze bauen. Fir e Computer aus HTML ze kreéieren, musst Dir e puer Basiskenntnisser iwwer dës Programmiersprache léieren an dann den néidege Code an en Texteditor kopéieren an als HTML späicheren. Dir kënnt elo den HTML Dokument an Ärem Liiblingsbrowser opmaachen an ufänken Äre Computer ze benotzen. Genee sou, Dir kënnt net nëmme Mathematik am Browser maachen, awer och d'Grondlage vun der Programméiere Konscht léieren!

Schrëtt

Deel 1 vu 4: Verstitt Äre Code

  1. Léiert d'Funktiounen vun all HTML. De Code deen Dir benotzt fir Äre Computer ze bauen besteet aus ville Syntax Fragmenter. Si kombinéiere fir vill verschidden Elementer vum Dokument ze kreéieren. Klickt hei fir ze léieren wéi Dir Iech mam Prozess vertraut maacht, oder liest weider fir ze kucken wat all Zeil vum Text am Code benotzt deen Dir benotzt.
    • html: Dësen Deel vun der Syntax erzielt de Rescht vum Dokument wat d'Sprooch soll benotzt ginn. Beim Programméiere gi vill Sprooche benotzt an loosst de Rescht vum Dokument wëssen datt et mat geschriwwe gëtt - dat ass richteg - HTML!
    • Kapp: Sot dem Dokument datt den Inhalt hei drënner d'Donnéeë vun den Date sinn, och bekannt als "Metadaten" (Metadaten). Comeinand dacks benotzt fir e stilistescht Element vum Dokument ze definéieren, wéi Iwwerschrëften, Iwwerschrëften, etc. Et kann als Regenschirm geduecht ginn, deen de Rescht vum Code deckt.
    • Titel: Dëst ass wou Dir Äert Dokument nennt. Dëst Attribut bestëmmt den Titel vum Dokument wann en am HTML Browser opgemaach gëtt.
    • Kierper bgcolor = "#": Dëst Attribut spezifizéiert den Hannergrond a Kierperfaarf vum Code. D'Zuel vun Zitater, nom # Zeechen entsprécht enger spezifizéierter Faarf am HTML
    • Text = "": D'Wuert mat Zitatemarken spezifizéiert d'Textfaarf am Dokument.
    • Form Numm = "": Dëst Attribut spezifizéiert den Numm vun der Form. Dank deem wäert Javascript identifizéieren wat d'Form a Fro ass an d'Struktur aus der Form opgebaut applizéieren. Hei, zum Beispill, benotze mir d'Rechner Form an et wäert eng separat Struktur fir d'Dokument erstellen.
    • Input Type = "": Dëst ass wou d'Aktioun stattfënnt. De "Input Type" Eegentum erzielt d'Dokument wéi eng Zort Input d'Wäerter an de Rescht vu Klammern sinn. Et kéint Text, Passwierder, Knäppercher (fir Computeren), asw.
    • Wäert = "": Dëse Kommando erzielt d'Dokument wat den Inhalt am Input Typ enthale gëtt uewen uginn. Mat engem Rechner wären dat d'Zifferen (1-9) a Mathematik (+, -, *, /, =).
    • onClick = "": Dës Syntax beschreift en Event - seet dem Dokument eppes geschitt wann een op e Knäppchen dréckt. Mat engem Computer wëlle mir datt all Knäppchen dréckt ugewisen. Zum Beispill mat "6" Knäppchen, wäerte mir document.calculator.ans.value + = '6' tëscht Zitater setzen.
    • br: Dësen Tag hëlleft Iech eng Zeil am Dokument zréckzeginn. All Inhalt deen duerno kënnt wäert op der Zeil ënner dem Inhalt virdru virkommen.
    • / Form, / Kierper, an / HTML: dës Kommandoen erzielen d'Dokument zu dësem Zäitpunkt, déi entspriechend Befehle initialiséiert ginn ofgeschloss.
    Annonce

Deel 2 vun 4: Basis HTML Computer Programméierung


  1. Kopéiert de folgende Code. Wielt den Text an der Këscht hei drënner andeems Dir vun der ieweschter lénkser Eck vun der Këscht an déi ënnescht riets Eck hält an zitt. De ganzen Text gëtt gréng. Dréckt "Command + C" op engem Mac oder "Ctrl + C" op engem PC fir de Code op de Clipboard ze kopéieren. Annonce

Deel 3 vu 4: Erstellt Äre Computer


  1. Öffnen e computerbaséierten Texteditor. Et gi vill Optiounen fir Iech, awer fir Komfort a Qualitéit, TextEdit an Notepad sinn déi zwou Uwendungen ze benotzen.
    • Um Mac klickt op d'Lupp an der oberer rechter Ecke vum Bildschierm fir de Spotlight opzemaachen. A Spotlight, typ TextEdit a klickt op de Programm: et muss gréng beliicht ginn.
    • Op Ärem PC öffnen de Start Menu an der ënneschter lénkser Ecke vum Bildschierm. Type Notizblock an der Sichbar a klickt op d'Notizblock App déi an der Resultaterbar riets steet.

  2. Paste den computergeneréierten HTML Code an d'Dokument.
    • Um Mac klickt op de Kierper vum Dokument an dréckt "Kommando + V". Als nächst musst Dir op de Punkt klickt "Format" (Format) uewen um Écran an "Maacht Plain Text" (Erstellt eidel Text) nom Paste.
    • Um PC klickt op den Dokumentkierper an dréckt "Ctrl + V".
  3. Späichert d'Datei. Klickt op de "Fichier" Knäppchen an der ieweschter lénkser Eck vun der Fënster an am Dropdown-Menü, klickt "Späicheren als ..." (Save As) - op PC, oder "Späicheren ..." (Späicheren) - op Mac
  4. Füügt d'HML Extension fir den Dateinumm derbäi Am Menü "Späicheren Als ..." gitt den Dateinumm mat der ".html" Extensioun a klickt dann op "Späicheren". Zum Beispill, fir d'Datei Éischte Computer ze nennen géift Dir als "MayTinhDauTien.html" späicheren.

Deel 4 vu 4: Mat Ärem Computer

  1. Fannt déi Datei déi Dir elo erstallt hutt. Gitt den Dateinumm am Spotlight oder d'Startmenü Sichbar wéi an der viregter Schrëtt. Dir braucht net d'Extensioun "html" anzeginn.
  2. Klickt fir d'Datei opzemaachen. De Standardbrowser wäert de Computer op enger neier Websäit opmaachen.
  3. Klickt op d'Knäppercher um Computer fir se ze benotzen. D'Berechnungsresultater erschéngen an der Resultaterbar. Annonce

Berodung

  • Dir kënnt dëse Computer an der Websäit embed wann Dir wëllt.
  • Dir kënnt och Stil Properties benotze fir de Look vun Ärem Computer z'änneren.