So erstellen Sie ein Blog in HTML

Das Erstellen eines Blogs in HTML ist eine einfache Möglichkeit, ein Blog zu erstellen, das Sie in jedem Texteditor aktualisieren können. Blogs haben mehrere Elemente gemeinsam, die leicht in einfachem HTML erstellt werden können. Jeder Blogbeitrag sollte über dem letzten erscheinen, einen Titel, ein Datum und einen Inhalt haben. Bei Verwendung von HTML-Kommentar-Tags bleibt der Code für die Blog-Posts auf der Seite, wird jedoch nicht angezeigt, bis er für einen tatsächlichen Post verwendet wird. Der Code wird aus dem Kommentar-Tag-Bereich kopiert und auf der Seite über dem letzten Blog-Post eingefügt. Anschließend wird der Code mit Inhalt gefüllt.

Schritt 1

Öffnen Sie den Texteditor und erstellen Sie eine neue Datei, indem Sie auf "Datei" und "Neu" klicken. Jeder Computer verfügt über einen Texteditor. Ein Windows-PC verwendet Notepad. Diese finden Sie im Startmenü unter "Anwendungen". Mac-PCs verfügen über Textbearbeitung. Um die Textbearbeitung zu öffnen, öffnen Sie den Finder und klicken Sie auf "Anwendungen". Scrollen Sie nach unten zum Textbearbeitungssymbol und doppelklicken Sie zum Öffnen.

Video des Tages

Schritt 2

Erstellen Sie die Webseite, indem Sie die grundlegenden HTML-Tags für die Seite eingeben. Beispielsweise:

Mein Blog

Schritt 3

Verwenden Sie das größte Überschriften-Tag, um der Seite einen Titel zu geben. Die Überschriften-Tags beginnen mit h und enden mit einer Zahl, wobei 1 die größte ist. Beispielsweise:

Das style-Element verwendet CSS-Elemente, um den Titel auf der Seite zu zentrieren. Kopfzeilen lassen auch ein doppeltes Leerzeichen hinter sich.

Schritt 4

Erstellen Sie den Blog-Post-Code, indem Sie kleinere Header-Tags und Absatz-Tags verwenden. Beispielsweise:

Mein erster Beitrag

1. Juni 2010

Dies ist ein Beitrag


Das EM-Tag kursiert den Text. Das Break- oder BR-Tag setzt einen Zeilenumbruch nach dem Datum. Das P- oder Paragraph-Tag fügt nach einem Textblock einen doppelten Zeilenumbruch ein. Das HR-Tag setzt nach dem Absatz eine Linie über die Seite.

Schritt 5

Kopieren Sie den Code für den Blogbeitrag und platzieren Sie ihn vor dem ersten Beitrag. Fügen Sie den Code in das Kommentar-Tag ein. Das Kommentar-Tag ist. Die Seite im Beispiel sieht nun so aus:

Mein Blog

Mein erster Beitrag

1. Juni 2010

Dies ist ein Beitrag


Das Kommentar-Tag macht den nicht verwendeten Code für den Browser unsichtbar. Um es für einen Blogbeitrag zu verwenden, kopieren Sie einfach den Code und entfernen Sie die Kommentar-Tags.

Schritt 6

Speichern Sie die Datei als index.html, indem Sie auf "Datei" und "Speichern" klicken.