Schreiben einer HTML-Seite (mit Bildern)

Schritte
Tipps
Warnungen
Notwendigkeiten

HTML (HyperText Markup Language) ist eine Standardsprache für die Gestaltung von Webseiten. Es ist als einfache und vielseitige Programmiersprache konzipiert. Fast jede Seite im Web ist mit einer Form dieses Codes (ColdFusion, XML, XSLT) gestaltet. HTML ist leicht zu meistern, aber das Erlernen kann viel Zeit in Anspruch nehmen, wenn Sie wirklich alle Funktionen der Sprache erkunden möchten. Um Ihren Webseiten Farbe und Spannung zu verleihen, ist es eine gute Idee, CSS weiter zu lernen, sobald Sie die Grundlagen zum Erstellen einer einfachen HTML-Seite gelernt haben.

Schritte

Teil 1 von 4: Ein Dokument einrichten

Bild mit dem Titel Schreiben Sie eine HTML-Seite Schritt 1

1. Öffnen Sie ein einfaches Textverarbeitungsprogramm. NotePad++ ist eine gute Option, die kostenlos heruntergeladen werden kann. Sie können HTML mit den meisten Textverarbeitungsprogrammen schreiben, aber es ist besser, Software zu verwenden, die speziell für die Codierung entwickelt wurde. Darüber hinaus platzieren komplexere Textverarbeitungsprogramme wie Word redundanten Code in Ihrer HTML-Seite.

TextEdit wird nicht empfohlen, da es Ihr Dokument oft in einem Format speichert, das vom Browser nicht als HTML erkannt wird.

Bild mit dem Titel Schreiben Sie eine HTML-Seite Schritt 2

2. Datei als Webseite speichern. Wählen Sie Datei → Speichern unter aus dem Hauptmenü. Ändern Sie die Erweiterung der Datei in ".html" oder ".htm". Bewahren Sie es an einem Ort auf, an dem Sie es leicht finden können.

Diese Optionen sind alle gleich, es gibt keinen Unterschied.

Bild mit dem Titel Schreiben Sie eine HTML-Seite Schritt 3

3. Öffnen Sie die Datei in einem Webbrowser. Doppelklicken Sie auf die Datei und sie wird automatisch als leere Seite in Ihrem Browser geöffnet. Sie können auch einen Browser wie Firefox oder Internet Explorer öffnen und mit Datei → Datei öffnen das Dokument auswählen.

Diese Seite ist noch nicht online. Sie können es nur auf Ihrem Computer anzeigen.

Bild mit dem Titel Schreiben Sie eine HTML-Seite Schritt 4

4. Bitte aktualisieren Sie die Seite, um zu sehen, welche Änderungen vorgenommen wurden. Geben Sie Folgendes in das leere Dokument ein: . Dokument speichern. Aktualisieren Sie die Seite in Ihrem Browser, und Sie sollten das Wort sehen "Hallo" oben auf dem Bildschirm in Fettdruck. Jedes Mal, wenn Sie eine Änderung im HTML-Code sehen möchten, speichern Sie sie.html-Dokument und aktualisieren Sie das Browserfenster.

siehst du die worte "
5. Was sind Tags. HTML-Anweisungen werden zwischen geschrieben "Stichworte" die dem Browser mitteilen, wie er die Seite interpretieren und anzeigen soll. Diese Tags sind immer in spitzen Klammern eingeschlossen
6. Der Aufbau des Dokuments. Alles im HTML-Dokument löschen. Kopieren Sie den folgenden Text genau (ignorieren Sie die Aufzählungszeichen). Dieser HTML-Code teilt dem Browser mit, welchen HTML-Typ Sie verwenden werden und dass Ihr gesamter HTML-Code darin enthalten ist
7. Fügen Sie die Kopf- und Körper-Tags hinzu. HTML-Dokumente sind in zwei Abschnitte unterteilt.Der "Kopf" Abschnitt ist für spezielle Informationen, wie den Titel der Webseite. Der "Karosserie" enthält den eigentlichen Inhalt der Webseite. Fügen Sie beides zu Ihrem Dokument hinzu und vergessen Sie nicht die Endtags. Der neu hinzuzufügende Text ist fett:

8. Gib deiner Seite einen Titel. Die meisten Tags, die im Kopf erscheinen, sind für den Anfänger nicht wichtig. Der Title-Tag ist jedoch einfach zu verwenden und bestimmt, was als Titel Ihrer Webseite im Browser angezeigt wird. Platzieren Sie den Titel innerhalb der entsprechenden Tags, die innerhalb der Head-Tags platziert werden:

Teil 2 von 4: Text formatieren

1. Text zum Hauptteil hinzufügen. Wir werden uns jetzt nur mit dem Teil innerhalb der Body-Tags befassen. Der andere Text bleibt so, wie Sie ihn geschrieben haben, aber wir kürzen das Beispiel, indem wir nicht jedes Mal alles wiederholen. Schreib was du willst zwischen den

Ich lerne mit HTML zu arbeiten, indem ich einem wikiHow folge.

2. Fügen Sie Ihrem Text Überschriften hinzu. Organisieren Sie Ihre Seite mit Header-Tags, die den Browser anweisen, Text größer auf dem Bildschirm zu drucken. Diese werden auch von Suchmaschinen-Bots und anderen Tools verwendet, um festzustellen, worum es auf Ihrer Webseite geht und wie sie organisiert ist.
Ich lerne mit HTML zu arbeiten, indem ich einem wikiHow folge.
Lernen Sie, mit Köpfen zu arbeiten.
Weitere Informationen zu Tags zum Formatieren von Text.

3. Weitere Tags zum Formatieren von Text. du hast die "stark" Tag bereits vorhanden, aber es gibt noch viele weitere Möglichkeiten, Ihren Text zu formatieren. Probieren Sie die folgenden Beispiele aus, in denen Sie auch mehrere Tags um denselben Text herum platzieren können. Vergessen Sie nicht, Endtags hinzuzufügen!

4. Verteilen Sie Ihren Text über die Webseite. Sie haben vielleicht bemerkt, dass es nicht ausreicht, "Eintreten" Sie möchten, dass der Text in einer neuen Zeile fortgesetzt wird. Die folgenden Tags erstellen Absätze und Zeilenumbrüche oder organisieren Ihren Text auf andere Weise:

Nein End-Tag, da mit dem Inhalt der Seite nichts passiert. Verwenden Sie dies für Gedichte und Adressen, aber nicht für Absätze.