Wie man einen Blog in HTML

April 27

Erstellen einen Blog in HTML ist eine einfache Möglichkeit, einen Blog zu haben, die, den Sie in einem beliebigen Texteditor aktualisieren können. Blogs haben mehrere Elemente gemeinsam, die leicht in der einfachen HTML produziert werden. Haben Sie jeder Blog-Post erscheinen oberhalb der letzten einen Titel, Datum und Inhalt. HTML-Kommentar-Tags verwenden, der Code für die Blog-Posts auf der Seite bleibt aber unsichtbar ist, bis es für einen tatsächlichen Beitrag verwendet wird. Der Code aus dem Kommentar-Tag-Abschnitt kopiert und eingefügt in der Seite über die letzten Blog-Post. Der Code wird dann mit Inhalt gefüllt.

Anweisungen

1 Öffnen Sie den Texteditor und erstellen Sie eine neue Datei, indem Sie auf "Datei" und "Neu." Jeder Computer wird mit einem Text-Editor. Ein Windows-PC verwendet Notepad. Dies finden Sie unter "Programme" im Startmenü. Mac-PCs verfügen über Text zu bearbeiten. Um Text zu bearbeiten zu öffnen, öffnen Sie den Finder und klicken Sie auf "Anwendungen". Scrollen Sie das Symbol "Text bearbeiten", und doppelklicken Sie auf um zu öffnen.

2 Erstellen Sie die Webseite durch Eingabe in die grundlegenden HTML-Tags für die Seite. Zum Beispiel:

< html >

< Head >

< Title > My Blog < / title >

< / head >

< Körper >

< / body >

< / html >

3 Verwenden Sie das größte Überschrift-Tag, um der Seite einen Titel geben. Die Überschriften-Tags mit h beginnen und enden in einer Reihe, wobei 1 die größten. Zum Beispiel:

< Körper >

< h1 Stil = "Text-align: center;" > mein Blog < / h1 >

Das Style-Element verwendet CSS-Elemente, um den Titel auf der Seite zentrieren. Kopfzeilen lassen auch einen doppelten Raum nach ihnen.

4 Erstellen Sie den Blog-Post-Code mithilfe von kleineren Header-Tags und Absatztags. Zum Beispiel:

Mein erster Post < h3 > < / h3 >

< Em > 1. Juni 2010 </em >< Br / >

< p > Dies ist ein Beitrag </p >

< hr >

Das EM-Tag italicizes den Text. Die Pause oder BR-Tag bringt einen Zeilenumbruch nach dem Datum. P oder Absatz-Tag bringt einen doppelten Zeilenumbruch nach einem TextBlock. Das HR-Tag stellt eine Linie quer über die Seite nach dem Absatz.

5 Kopieren Sie den Code für die Blog-Post und legen Sie sie vor den ersten Beitrag. Fügen Sie Code in das Kommentar-Tag. Das Kommentar-Tag ist <!-->-->. Die Seite im Beispiel wird nun aussehen:

< html >

< Head >

< Title > My Blog < / title >

< / head >

< Körper >

< h1 Stil = "Text-align: center;" > mein Blog < / h1 >

<!--mein erster Post < h3 > < / h3 >

< Em > 1. Juni 2010 </em >< Br / >

< p > Dies ist ein Beitrag </p >

< hr >-->

Mein erster Post < h3 > < / h3 >

< Em > 1. Juni 2010 </em >< Br / >

< p > Dies ist ein Beitrag </p >

< hr >

< / body >

< / html >

Das Kommentar-Tag macht den unbenutzten Code an dem Browser unsichtbar. So verwenden Sie es für einen Blog Post kopieren Sie einfach den Code, und entfernen den Kommentar-tags.

6 Speichern Sie die Datei index.html durch Klick auf "Datei" und "Speichern".