How to Format a Blog - dummies

How to Format a Blog

If your blog looks a bit boring, then you need to format it. Knowing how to format a blog can improve visual impact and readability: You can break up long blocks of text, add styling headers and line breaks, and use paragraphs to improve the flow of posts. You can also emphasize text by using italics and bold.

Format blog headings

HTML has six levels of headings. H1 is the most important, while H6, which is rarely used because of its small size, is the least important. For most cases, first- and second-level headers work fine, giving you text larger than the main body text, and they’re also usually bold. You can implement header tags like this:

<h1>The most important heading ever</h1>

All headers are implemented the same way — just substitute the number 1 with a 2, 3, 4, 5, or 6 to get descending sizes on your headings.

Headers affect more than just the way text looks. Search engines understand that text defined by a header tag is important, so words and phrases you enclose in a header will be marked as especially relevant to your site.

Create paragraphs in a blog

To create paragraph breaks, you need to start the new paragraph with a <p> tag. The closing </p> tag is placed at the end of the paragraph after the text:

<p>Paragraph one has amazing text that you'll want to memorize and share with friends and family. It's full of wonder and wisdom.</p>
<p>Paragraph two has amazing text in it, too. The whole world will want to know about it. Go ahead and share it.</p>
<p>Paragraph three is being neglected by the first and second paragraphs.</p>

Most blogging software makes provision for paragraph breaks automatically.

Format line breaks in a blog

You can end a line of text and start the next word on a new line by using a <br> tag. You need to insert these standalone tags only once. To create a line break:

Break your line of text<br>
and start again on the next line.

Format blogs with boldface, italics, underline, strikethrough

You can emphasize text in your blog by using bold, italics, or even strikethrough code. These are on/off tags, so you place the first tag at the start of the text you want to affect and follow the text with the closing tag.

  • Bold: <b> or <strong>

<b>Some of this text</b> is going to be bold.
Some of this text is going to be <strong>bold.</strong>
  • Italics: <i> or <em>

<i>Some of this text</i> is going to be italicized.
Some of this text is going to be <em>italicized.</em>
  • Strikethrough: <strike>

Correct an error <strike>by striking it out</strike>.

Don’t use underlining in your blog posts. Because underlining is a common way of indicating links online, it can be very confusing for your readers to see underlined text that isn’t also a link. If you must use it, however, plug in these tags: <u> </u>, like this:

Add punch with an <u>underline</u>, but remember it could be mistaken for a link.