Wenn Sie lieber Websites von Hand codieren, können Sie HTML-Dateien in einem grundlegenden Texteditor wie Notepad (Windows) oder TextEdit (MacOS) bearbeiten. Wenn Sie lieber Elemente auf dem Bildschirm bewegen können und Live-Vorschauen sehen können, können Sie ein WYSIWYG verwenden (was Sie sehen, was Sie erhalten haben) Editor wie Dreamweaver oder Kompozer. Distungieren Sie, wie Sie eine HTML-Datei in einer Standard- oder Visual-Bearbeitungs-App öffnen und bearbeiten.

Schritte

Methode 1 von 4:

Verwenden eines Notizblocks unter Windows

1. Klicken Sie auf die Windows-Start-Taste

. Es ist die Schaltfläche, die ein Windows-Logo in der Taskleiste hat. Standardmäßig befindet sich in der unteren linken Ecke. Dies zeigt das Startmenü an

Bildtitel Bearbeiten von HTML-Dateien Schritt 2

2. Art Notizblock. Dies zeigt keinen Notizblock im Startmenü an.

Bildtitel Bearbeiten von HTML-Dateien Schritt 3

3. Klicken Notizblock. Es hat ein Symbol, das einem Notizblock mit einem blauen Deckel ähnelt.

Bild mit dem Titel Bearbeiten von HTML-Dateien Schritt 4

4. Klicken Datei. Es ist oben in der Menüleiste in Notizblock. Dies zeigt ein Dropdown-Menü an. Dies zeigt einen Dateibrowser an, den Sie zum Öffnen von Dateien im Notizblock verwenden können.

Bildtitel Bearbeiten von HTML-Dateien Schritt 5

5. Klicken Öffnen. Es ist die zweite Option im Dropdown-Menü Datei.

Bildtitel Bearbeiten von HTML-Dateien Schritt 6

6. Wählen "Alle Dateien" Im Dropdown-Menü des Dateityps. Klicken Sie auf den Dropdown, der besagt "Textdokumente (.TXT)" und auswählen "Alle Dateien" Im Dropdown-Menü. Dies zeigt alle Dokumenttypen (einschließlich HTML-Dateien) im Dateibrowser an.

Bildtitel Bearbeiten von HTML-Dateien Schritt 7

7. Wählen Sie eine HTML-Datei aus und klicken Sie auf Öffnen. Dies eröffnet das HTML-Dokument im Notizblock. Sie können den HTML-Code in Notizblock bearbeiten.

Alternativ können Sie Erstellen Sie ein neues HTML-Dokument im Notizblock.

Bildtitel Bearbeiten von HTML-Dateien Schritt 8

8. Bearbeiten Sie den HTML-Code. Um HTML in Notizblock zu bearbeiten, müssen Sie Lernen Sie HTML damit Sie es von Hand bearbeiten können. Häufige Elemente, die Sie bearbeiten können, schließen Folgendes ein.

: Dies geht oben auf dem HTML-Dokument. Dies weist den Webbrowser an, dass dies ein HTML-Dokument ist.

: Diese Tags gehen oben und unten im HTML-Dokument an. Dies zeigt an, an der der HTML-Code startet und stoppt.

: Diese Tags gehen oben auf dem HTML-Dokument. Sie geben an, wo der Leiter des HTML-Dokuments beginnt und stoppt. Der Kopf des HTML-Dokuments enthält Informationen, die auf der Webseite nicht gesehen werden. Dies beinhaltet den Seitentitel, Metadaten und CSS

Seitentitel: Diese Tags geben den Titel der Seite an. Der Titel geht in den Kopf des HTML-Dokuments. Geben Sie den Titel der Seite zwischen diesen beiden Tags ein.

: Diese Tags geben an, wo der Körper des HTML-Dokuments beginnt und stoppt. Der Körper ist, wo der gesamte Webseiteninhalt geschrieben ist. Der Körper kommt nach dem Kopf im HTML-Dokument.

Headline-Text: Diese Tags erstellen Schlagzeilenmarken. Der Text zwischen dem "

" und "

" Tags erscheint als großer fetter Text. Text geht in den Körper des HTML-Dokuments.

Absatztext: Diese Tags werden verwendet, um einen Absatztext in einem HTML-Dokument zu erstellen. Der Text, der dazwischen geht "

" und "

" erscheint als normaler Text. Text geht in den Körper des HTML-Dokuments.

Fetter Text: Diese Tags werden verwendet, um fetter Text zu erstellen. Der Text, der dazwischen geht "" und "" erscheint als fetter Text.

Kurze Text: Diese Tags werden zum Erstellen von italischen Text verwendet. Der Text, der dazwischen geht "" und "" erscheint als itallischer Text.

Link Text: Dieses Tag wird verwendet, um mit einer anderen Website zu verknüpfen. Kopieren Sie die Webadresse, auf die Sie sich verlinken möchten, und fügen Sie sie an, wo er sagt "URL" (Zwischen den Zitatmarken). Der Text für den Link, wo es sagt "Link Text" (Keine Anführungszeichen erforderlich).

: Dieses Tag wird verwendet, um ein Bild mit HTML zu posten. Ersetzen Sie den Text, der sagt "Bild URL" mit der Webadresse des Bildes.

Bildtitel Bearbeiten von HTML-Dateien Schritt 9

9. Klicken Datei. Es ist in der Menüleiste oben auf dem Bildschirm.

Bildtitel Bearbeiten von HTML-Dateien Schritt 10

10. Klicken Speichern als. Dies öffnet ein Dialogfeld, mit dem Sie Ihre Datei speichern können.

Um die Datei als vorhandener Name und Dateityp zu speichern, klicken Sie einfach auf speichern Im Dropdown-Menü unten "Datei".

Bildtitel Bearbeiten HTML-Dateien Schritt 11

11. Wählen "Alle Dateien". Verwenden Sie das Dropdown-Menü neben dem Typ als Typ" auswählen "Alle Dateien".

Bildtitel Bearbeiten von HTML-Dateien Schritt 12

12. Geben Sie einen Namen für die Datei ein. Verwenden Sie das Kästchen neben "Dateiname" So geben Sie einen Namen für die Datei ein.

Bild mit dem Titel Bearbeiten von HTML-Dateien Schritt 13

13. Art .html Am Ende der Datei. Nachdem Sie einen Namen für die Datei in der Datei eingeben "Dateiname" Fügen Sie die Erweiterung hinzu ".html" Am Ende des Dateinamens. Ohne diese Erweiterung speichert es die Datei als .TXT-Datei anstelle einer HTML-Datei.

Bild mit dem Titel Bearbeiten von HTML-Dateien Schritt 14

14. Klicken speichern. Das speichert die Datei.

Methode 2 von 4:

Verwenden von textedit auf dem Mac

1. Klicken Sie auf die Lupe-Symbol

. Es ist in der oberen rechten Ecke des Mac-Desktops. Dies zeigt eine Suchleiste an.

Bildtitel Bearbeiten von HTML-Dateien Schritt 16

2. Art TextEdit In der Suchleiste. Dies zeigt eine Liste von Apps an, die Ihrem Suchergebnis entsprechen.

Bildtitel Bearbeiten von HTML-Dateien Schritt 17

3. Klicken TextEdit.App. Es ist an der Spitze der Suchergebnisse. Es ist neben einem Symbol, das einem Blatt Papier und einem Stift ähnelt.

Bildtitel Bearbeiten von HTML-Dateien Schritt 18

4. Klicken Datei. Es ist an der Menüleiste oben auf dem Bildschirm, wenn Textedit geöffnet ist.

Bildtitel Bearbeiten von HTML-Dateien Schritt 19

5. Klicken Öffnen. Dies öffnet einen Dateibrowser, den Sie zum Navigieren von MAC-Dateien verwenden können, und öffnen Sie Dateien.

Bildtitel Bearbeiten von HTML-Dateien Schritt 20

6. Klicken Sie auf eine HTML-Datei und klicken Sie auf Öffnen. HTML-Dateien haben eine Erweiterung, die besagt ".html" Nach dem Dateinamen. Verwenden Sie den Dateibrowser, um zu einer HTML-Datei zu navigieren, und klicken Sie darauf, um sie auszuwählen. Dann klick Öffnen So öffnen Sie die HTML-Datei in TextEdit.

Bildtitel Bearbeiten von HTML-Dateien Schritt 21

7. Bearbeiten Sie den HTML-Code. Sie können TextEdit verwenden, um HTML-Code zu bearbeiten. Du brauchst Lernen Sie HTML damit Sie es von Hand bearbeiten können. Häufige Elemente, die Sie bearbeiten können, schließen Folgendes ein.

: Dies geht oben auf dem HTML-Dokument. Dies weist den Webbrowser an, dass dies ein HTML-Dokument ist.

: Diese Tags gehen oben und unten im HTML-Dokument an. Dies zeigt an, an der der HTML-Code startet und stoppt.

Seitentitel: Diese Tags geben den Titel der Seite an. Der Titel geht in den Kopf des HTML-Dokuments. Geben Sie den Titel der Seite zwischen diesen beiden Tags ein.

: Diese Tags geben an, wo der Körper des HTML-Dokuments beginnt und stoppt. Der Körper ist, wo der gesamte Webseiteninhalt geschrieben ist. Der Körper kommt nach dem Kopf im HTML-Dokument.

Headline-Text: Diese Tags erstellen Schlagzeilenmarken. Der Text zwischen dem "

" und "

" Tags erscheint als großer fetter Text. Text geht in den Körper des HTML-Dokuments.

Absatztext: Diese Tags werden verwendet, um einen Absatztext in einem HTML-Dokument zu erstellen. Der Text, der dazwischen geht "

" und "

" erscheint als normaler Text. Text geht in den Körper des HTML-Dokuments.

Fetter Text: Diese Tags werden verwendet, um fetter Text zu erstellen. Der Text, der dazwischen geht "" und "" erscheint als fetter Text.

Kurze Text: Diese Tags werden zum Erstellen von italischen Text verwendet. Der Text, der dazwischen geht "" und "" erscheint als itallischer Text.

: Dieses Tag wird verwendet, um ein Bild mit HTML zu posten. Ersetzen Sie den Text, der sagt "Bild URL" mit der Webadresse des Bildes.

Bildtitel Bearbeiten von HTML-Dateien Schritt 22

8. Klicken Datei. Es ist in der Menüleiste oben auf dem Bildschirm.

Bildtitel Bearbeiten HTML-Dateien Schritt 23

9. Klicken speichern. Es ist im Dropdown-Menü unten "Datei". Dadurch wird die HTML-Datei gespeichert.

Um den Namen der Datei zu ändern, klicken Sie auf Umbenennen in dem "Datei" Dropdown-Menü. Geben Sie einen neuen Namen für die Datei oben auf dem Bildschirm ein. Stellen Sie sicher, dass Sie das einschließen ".html" Erweiterung oben auf der Seite.

Methode 3 von 4:

Mit Dreamweaver verwenden

1. Offener Dreamweaver. Dreamweaver hat ein Symbol, das einem grünen Platz ähnelt, der sagt "Dw" mitten drin. Klicken Sie auf das Symbol im Windows-Startmenü oder den Anwendungsordner auf dem Mac bis zum Öffnen von Dreamweaver.

Adobe Dreamweaver erfordert ein Abonnement. Sie können ein Abonnement ab 20 $ erwerben.99 einen Monat.

Bildtitel Bearbeiten HTML-Dateien Schritt 25

2. Klicken Datei. Es ist in der Menüleiste oben für den Bildschirm.

Bildtitel Bearbeiten von HTML-Dateien Schritt 26

3. Klicken Öffnen. Es ist im Dropdown-Menü unten "Datei".

Bildtitel Bearbeiten HTML-Dateien Schritt 27

4. Wählen Sie ein HTML-Dokument aus und klicken Sie auf Öffnen. Verwenden Sie den Dateibrowser, um ein HTML-Dokument auf Ihrem Computer auszuwählen, und klicken Sie darauf, um sie auszuwählen. Dann klick Öffnen In der rechten unteren Ecke.

Bildtitel Bearbeiten HTML-Dateien Schritt 28

5. Klicken Teilt. Es ist die mittlere Registerkarte oben auf der Seite. Dadurch wird ein geteilter Bildschirm angezeigt, der einen HTML-Editor auf der Unterseite und einen Vorschaubildschirm oben enthält.

Bildtitel Bearbeiten von HTML-Dateien Schritt 29

6. Bearbeiten Sie das HTML-Dokument. Verwenden Sie den HTML-Editor, um HTML zu bearbeiten. Die Art, wie Sie HTML in Dreamweaver bearbeiten, ist nicht anders als das Bearbeiten von HTML in Notepad oder TextEdit. Wenn Sie ein HTML-Tag eingeben, erscheint ein Suchmenü mit den passenden HTML-Tags. Sie können auf das HTML-Tag klicken, um die Öffnungs- und Schließungs-Tags einzufügen. Dreamweaver wird überprüfen, ob Sie sicherstellen, dass es für alle Ihre HTML-Elemente öffnen und schließt.

Alternativ können Sie klicken, wo Sie ein HTML-Element in den HTML-Editor einfügen möchten, und klicken Sie auf Einfügen In der Menüleiste oben auf dem Bildschirm. Klicken Sie auf das Element, das Sie in das Dropdown-Menü einfügen möchten, um den HTML-Code automatisch hinzuzufügen.

Bildtitel Bearbeiten von HTML-Dateien Schritt 30

7. Klicken Datei. Wenn Sie fertig sind, klicken Sie auf das Bearbeiten des HTML-Dokuments auf Datei In der Menüleiste oben auf dem Bildschirm.

Bildtitel Bearbeiten HTML-Dateien Schritt 31

8. Klicken speichern. Es ist im Dropdown-Menü unten Datei. Dadurch wird Ihr HTML-Dokument gespeichert.

Methode 4 von 4:

Mit kompozer

1. Gehe zu https: // sourceforge.net / projekte / kompozer / In einem Webbrowser. Sie können jeden Webbrowser auf einem PC oder Mac verwenden. Dies ist die Download-Seite für kompozer. Es ist ein kostenloser HTML-Editor (WYSIWYG), der sowohl auf Windows als auch auf Mac funktioniert.

Bildtitel Bearbeiten von HTML-Dateien Schritt 33

2. Klicken Herunterladen. Es ist der grüne Taster in der Nähe der Seite der Seite. Dies führt Sie zu einer separaten Download-Seite. Nach einer 5-Sekunden-Verzögerung beginnt Ihr Download.

Bildtitel Bearbeiten HTML-Dateien Schritt 34

3. Doppelklicken Sie auf die Installationsdatei. Standardmäßig finden Sie Ihre heruntergeladenen Dateien in Ihrem "Downloads" Ordner auf dem PC oder Mac. Sie können auch in Ihrem Webbrowser auf sie klicken, um den kompozer Installationsprogramm zu starten. Verwenden Sie die folgenden Anweisungen, um kompozer zu installieren:

Windows:

Wenn Sie gefragt werden, ob Sie dem Installateur zulassen möchten, dass Sie Änderungen an Ihrem System vornehmen möchten, klicken Sie auf Ja.

Klicken Nächster In den Intro-Fenstern.

Klicken Sie auf den radialen Knopf neben "Ich akzeptiere die Vereinbarung" und klicken Nächster.

Klicken Nächster So verwenden Sie den Standard-Installationsort oder klicken Sie auf Durchsuche So wählen Sie einen anderen Installationsort aus.

Klicken Nächster und dann auf klicken Nächster nochmal

Klicken Installieren

Klicken Fertig

Mac:

Doppelklicken Sie auf die Kompozer Installationsdatei.

Klicken Kompozer.App

Klicken Sie in der oberen linken Ecke auf das Apple-Symbol.

Klicken Systemeinstellungen

Klicken Sicherheit und Privatsphäre

Drücke den Allgemeines Tab.

Klicken Sowieso geöffnet In der Nähe des Fensters.

Klicken Öffnen Im Popup-Fenster.

Ziehen Sie das Kompozer-Symbol auf Ihren Desktop.

Öffne den Finder.

Drücke den Anwendungen Mappe.

Ziehen Sie das Kompozer-Symbol vom Desktop in den Ordner Anwendungen.

Bildtitel Bearbeiten von HTML-Dateien Schritt 35

4. Open kompozer. Verwenden Sie die folgenden Schritte, um Kompozer auf dem PC oder Mac zu öffnen

Windows:

Drücke den Windows-Start Speisekarte.

Art "Kompozer"

Doppelklicken Sie auf das kompozer Symbol.

Mac:

Klicken Sie in der oberen rechten Ecke auf das Lupe-Symbol.

Art "Kompozer" In der Suchleiste.

Doppelklick Kompozer.App.

Bild mit dem Titel Bearbeiten von HTML-Dateien Schritt 36

5. Klicken Datei. Es ist in der Menüleiste oben in der App.

Bildtitel Bearbeiten von HTML-Dateien Schritt 37

6. Klicken Datei öffnen. Es ist die zweite Option im Dropdown-Menü unten "Datei". So öffnen Sie einen Dateibrowser, mit dem Sie eine offene HTML-Datei auswählen können.

Bildtitel Bearbeiten von HTML-Dateien Schritt 38

7. Klicken Sie auf eine HTML-Datei und klicken Sie auf Öffnen. Dies öffnet die HTML-Datei in kompozer.

Bildtitel Bearbeiten von HTML-Dateien Schritt 39

8. Klicken Teilt. Es ist die mittlere Registerkarte oben auf der Seite. Dadurch wird ein geteilter Bildschirm angezeigt, der einen HTML-Editor auf der Unterseite und einen Vorschaubildschirm oben enthält.

Möglicherweise müssen Sie die App vergrößern, damit Sie mehr Platz haben, um zu arbeiten.

Bildtitel Bearbeiten von HTML-Dateien Schritt 40

9. Bearbeiten Sie das HTML-Dokument. Der Bildschirm für den HTML-Quellcode befindet sich auf der Unterseite, Sie können diesen Bildschirm verwenden, um HTML auf dieselbe Weise auf dieselbe Weise zu bearbeiten, wie Sie es in Notizblock oder TextIndit würden. Sie können auch den Vorschaubildschirm verwenden, um Ihren HTML mit den folgenden Schritten zu bearbeiten:

Verwenden Sie das Dropdown-Menü in der oberen rechten Ecke, um den Texttyp (i.e Überschrift, Absatz, ect}

Klicken Sie auf und geben Sie den Text ein, um Text hinzuzufügen.

Verwenden Sie die Schaltflächen in der Platte oben auf dem Bildschirm, um Fett-, Kursiv-, Textausrichtungen, Einrücken oder Listen Ihres Textes hinzuzufügen.

Klicken Sie auf das farbige Quadrat in der Platte oben auf dem Bildschirm, um die Textfarbe zu ändern.

Drücke den Bild Symbol oben auf dem Bildschirm, um Ihrem HTML-Dokument ein Bild hinzuzufügen.

Klicken Sie auf das Symbol, das einem ChainLink ähnelt, um einen Link zu Ihrem HTML-Dokument hinzuzufügen.

Bildtitel Bearbeiten HTML-Dateien Schritt 41

10. Drücke den speichern Symbol. Sobald Sie fertig sind, klicken Sie auf Änderungen an Ihrem Dokument auf das speichern Symbol oben auf dem Bildschirm. Es liegt unter einem Symbol, das einer Diskette ähnelt. Das spart Ihre Arbeit.

Warnungen

Denken Sie daran, Ihr Dokument beim Bearbeiten zu speichern. Etwas könnte irgendwann schief gehen.

So bearbeiten sie html-dateien

Schritte

Headline-Text

" und "

Headline-Text

" und "

Warnungen