• Around The HomeToggle Menu

    • Entertainment
    • Productivity
    • Smart Home
  • FamilyToggle Menu

    • Parenting
    • Toys
    • Pets
    • Travel
  • Product ReviewsToggle Menu

    • Phones
    • Tablets
    • Laptops
    • Desktops
    • Wearables
    • Audio
    • Cameras
    • Headphones
    • Printers
    • Smart Home
    • TVs
    • Gaming and Video
  • One Cool ThingToggle Menu

    • Frugal Tech
    • Kickstarters
    • Videos
Techwalla
  1. Home
  2. Around The Home
  3. Productivity
  4. How to Make a Blog in HTML

How to Make a Blog in HTML

March 31, 2015
By: Michelle Norton
  • Share
  • Share on Facebook

Creating a blog in HTML is a simple way to have a blog you can update in any text editor. Blogs have several elements in common that are easily produced in basic HTML. Each blog post should appear above the last, have a title, date and content. Using HTML comment tags, the code for the blog posts stays in the page but is unseen until it is used for an actual post. The code is copied from the comment tag section and pasted in the page above the last blog post. Then, the code is filled in with content.

Video of the Day

Step

Open the text editor and create a new file by clicking on "File" and "New." Every computer comes with a text editor. A Windows PC uses Notepad. This is found under "Applications" in the Start menu. Mac PCs have Text Edit. To open Text Edit, open Finder and click on "Applications". Scroll down to the Text Edit icon and double click to open.

Step

Create the web page by typing in the basic HTML tags for the page. For example:

My Blog

Step

Use the largest heading tag to give the page a title. The heading tags start with h and end in a number with 1 being the largest. For example:

My Blog

The style element uses CSS elements to center the title on the page. Headers also leave a double space after them.

Step

Create the blog post code by using smaller header tags and paragraph tags. For example:

My First Post

June 1, 2010

This is a post


The EM tag italicizes the text. The break or BR tag puts a line break after the date. The P or paragraph tag puts a double line break after a block of text. The HR tag puts a line across the page after the paragraph.

Step

Copy the code for the blog post and place it before the first post. Place the code in the comment tag. The comment tag is . The page in the example will now look like:

My Blog

My Blog

<!--

My First Post

June 1, 2010

This is a post


-->

My First Post

June 1, 2010

This is a post


The comment tag makes the unused code invisible to the browser. To use it for a blog post just copy the code and remove the comment tags.

Step

Save the file as index.html by clicking on "File" and "Save."

Show Comments

Related Articles

Differences Between JavaScript & HTML

Differences Between JavaScript & HTML

Around The Home
Productivity
By: Lysis
How to Use HTML to Find Passwords

How to Use HTML to Find Passwords

Family
Parenting
By: Jeffrey Ober
How to Use Javascript to Play an MP3 File

How to Use Javascript to Play an MP3 File

Around The Home
Productivity
By: Michael Carroll
How to Use Line Breaks in HTML

How to Use Line Breaks in HTML

Around The Home
Productivity
By: Carol Finch
How to Make a Box With the Text Inside HTML

How to Make a Box With the Text Inside HTML

Around The Home
Productivity
By: Craig Witt
How to Embed HTML in an Email

How to Embed HTML in an Email

Around The Home
Productivity
By: Brandy Alexander
  • HOW WE SCORE
  • ABOUT US
  • CONTACT US
  • TERMS
  • PRIVACY POLICY
  • COPYRIGHT POLICY
  • Advertise

An error occurred. Try again later.

Thanks for signing up!
© 2018 Leaf Group Ltd. Leaf Group Media

Get great tech advice delivered to your inbox.

Keep your family productive, connected, entertained, and safe.

Please enter a valid email.