Inhalt

• Schritte
• Rat

Neben unzähligen integrierten Taschenrechnern können Sie auch auf Ihrem Desktop mit HTML-Code rechnen, um sich selbst zu erstellen. Um einen Computer aus HTML zu erstellen, müssen Sie einige Grundkenntnisse über diese Programmiersprache erwerben und dann den erforderlichen Code in einen Texteditor kopieren und als HTML speichern. Jetzt können Sie das HTML-Dokument in Ihrem bevorzugten Browser öffnen und Ihren Computer verwenden. So können Sie nicht nur im Browser rechnen, sondern auch die Grundlagen der Programmierkunst erlernen!

Schritte

Teil 1 von 4: Verstehe deinen Code

1. 

   Lernen Sie die Funktionen jedes HTML. Der Code, den Sie zum Erstellen Ihres Computers verwenden, besteht aus vielen Syntaxfragmenten. Sie bilden zusammen viele verschiedene Elemente des Dokuments. Klicken Sie hier, um zu erfahren, wie Sie sich mit dem Vorgang vertraut machen können, oder lesen Sie weiter, um zu sehen, was jede Textzeile in dem von Ihnen verwendeten Code bewirkt.
   • html: Dieser Teil der Syntax teilt dem Rest des Dokuments mit, welche Sprache verwendet werden soll. In der Programmierung werden viele Sprachen verwendet und Lassen Sie den Rest des Dokuments wissen, dass es mit - das ist richtig - HTML geschrieben wurde!
   • Kopf: Teilen Sie dem Dokument mit, dass der folgende Inhalt die Daten zu den Daten sind, auch als "Metadaten" (Metadaten) bezeichnet. Comeinand Wird häufig verwendet, um Stilelemente des Dokuments zu definieren, z. B. Überschriften, Überschriften usw. Es kann als ein Regenschirm betrachtet werden, der den Rest des Codes abdeckt.
   • Titel: Hier benennen Sie Ihr Dokument. Dieses Attribut bestimmt den Titel des Dokuments beim Öffnen im HTML-Browser.
   • body bgcolor = "#": Dieses Attribut gibt den Hintergrund und die Körperfarbe des Codes an. Die Zahl in Anführungszeichen nach dem # -Zeichen entspricht einer im HTML angegebenen Farbe
   • text = "": Das in Anführungszeichen eingeschlossene Wort gibt die Textfarbe im Dokument an.
   • Formularname = "": Dieses Attribut gibt den Namen des Formulars an. Dank dessen identifiziert Javascript das betreffende Formular und wendet die aus dem Formular aufgebaute Struktur an. Hier verwenden wir beispielsweise das Taschenrechnerformular, das eine separate Struktur für das Dokument erstellt.
   • Eingabetyp = "": Hier findet die Aktion statt. Die Eigenschaft "Eingabetyp" teilt dem Dokument mit, in welcher Art von Eingabe sich die Werte in den übrigen Klammern befinden. Dies können Text, Passwörter, Schaltflächen (für Computer) usw. sein.
   • value = "": Dieser Befehl teilt dem Dokument mit, welcher Inhalt in dem oben angegebenen Eingabetyp enthalten ist. Bei einem Taschenrechner wären dies die Ziffern (1-9) und die Mathematik (+, -, *, /, =).
   • onClick = "": Diese Syntax beschreibt ein Ereignis - teilt dem Dokument mit, dass etwas passiert, wenn jemand eine Taste drückt. Bei einem Computer soll jede gedrückte Taste angezeigt werden. Mit der Schaltfläche "6" setzen wir beispielsweise document.calculator.ans.value + = '6' zwischen Anführungszeichen.
   • br: Mit diesem Tag können Sie eine Zeile im Dokument zurückgeben. Alle darauf folgenden Inhalte werden in der Zeile unter dem Inhalt davor angezeigt.
   • / form, / body und / html: Diese Befehle teilen dem Dokument an dieser Stelle mit, die entsprechenden initialisierten Befehle werden beendet.
   Werbung

Teil 2 von 4: Grundlegende HTML-Computerprogrammierung

1. 

   
   
   Kopieren Sie den folgenden Code. Wählen Sie Text im Feld unten aus, indem Sie ihn gedrückt halten und von der oberen linken Ecke des Felds in die untere rechte Ecke ziehen. Der gesamte Text wird grün. Drücken Sie "Befehl + C" auf einem Mac oder "Strg + C" auf einem PC, um den Code in die Zwischenablage zu kopieren. Werbung

Teil 3 von 4: Erstellen Sie Ihren Computer

1. 

   
   
   Öffnen Sie einen computergestützten Texteditor. Es gibt viele Optionen für Sie, aber aus Gründen der Benutzerfreundlichkeit und Qualität sind TextEdit und Notepad die beiden zu verwendenden Anwendungen.
   • Klicken Sie auf dem Mac auf die Lupe in der oberen rechten Ecke des Bildschirms, um Spotlight zu öffnen. Geben Sie in Spotlight TextEdit ein und klicken Sie auf das Programm: Es muss grün hervorgehoben sein.
   • Öffnen Sie auf Ihrem PC das Startmenü in der unteren linken Ecke des Bildschirms. Geben Sie Notepad in die Suchleiste ein und klicken Sie auf die Notepad-App, die in der Ergebnisleiste rechts angezeigt wird.

2. 

   
   
   Fügen Sie den computergenerierten HTML-Code in das Dokument ein.
   • Klicken Sie auf dem Mac auf den Hauptteil des Dokuments und drücken Sie "Befehl + V". Als nächstes müssen Sie auf das Element klicken "Format" (Format) am oberen Bildschirmrand und "Nur Text erstellen" (Leeren Text erstellen) nach dem Einfügen.
   • Klicken Sie auf dem PC auf den Dokumententext und drücken Sie "Strg + V".

3. 

   Speicher die Datei. Klicken Sie auf die Schaltfläche "Datei" in der oberen linken Ecke des Fensters und klicken Sie im Dropdown-Menü auf "Speichern als ..." (Speichern unter) - auf dem PC oder "Speichern ..." (Speichern) - auf Mac

4. 

   Fügen Sie die HTML-Erweiterung für den Dateinamen hinzu. Geben Sie im Menü "Speichern unter ..." den Dateinamen mit der Erweiterung ".html" ein und klicken Sie auf "Speichern". Um beispielsweise die Datei First Computer aufzurufen, speichern Sie sie als "MayTinhDauTien.html".

Teil 4 von 4: Verwenden Ihres Computers

1. 

   Suchen Sie die gerade erstellte Datei. Geben Sie den Dateinamen in Spotlight oder in der Suchleiste des Startmenüs ein, wie im vorherigen Schritt gezeigt. Sie müssen die Erweiterung "html" nicht eingeben.

2. 

   Klicken Sie hier, um die Datei zu öffnen. Der Standardbrowser öffnet den Computer auf einer neuen Website.

3. 

   Klicken Sie auf die Schaltflächen auf dem Computer, um ihn zu verwenden. Die Berechnungsergebnisse werden in der Ergebnisleiste angezeigt. Werbung

Rat

• Sie können diesen Computer in die Webseite einbetten, wenn Sie möchten.
• Sie können auch Stileigenschaften verwenden, um das Aussehen Ihres Computers zu ändern.