Simple HTML Tips for Bloggers

Simple HTML Tips for Bloggers -

Photo credit: Flickr flex

When I first started blogging, I Was well aware That It Would entail writing Consistently every week. What I did not really Consider, HOWEVER, was just how my limited HTML knowledge Useful Would Be.

You see, the wide majorité of blogging is getting the words to screen, aim before you publish a post, you -have to check the formatting, and DEPENDING on the blog host you use, the formatting might not always play nice. . Which is When You-have to dig into the code in order to Avoid serious formatting frustration

When formatting my posts, thesis are the MOST common HTML tags That I use:

NOTE: You ' That'll notice MOST of the tags come in peer Actually that's in HTML Because there are opening tags and closing tags. The opening tag indicates Where has some feature or style shoulds begin (for example: italics begin HERE) and the closing tag indicates Where the feature / style shoulds end. Closing tags are always Indicated with a backslash (/) before the abbreviated code dans le brackets

• . Actually I do not touch thesis tags, and for easy blogging, you will not need to Either. All you need to know is next que la Within These tags is What Makes up your post.


• 
  : This is a paragraph break. I Often-have to manually insert thesis When doing bulleted or numbered lists so That There are spaces entre les bullets or spaces Within a bullet for a bullet Multiple paragraph. These do not need an opening and closing tag-just up
  Wherever You'd like your paragraph break.


• : This is an ordered list tag to be used to create numbered lists. You spot the opening tag at the Very Beginning of the list, and the closing tag at the end, with list item tags (
) to Differentiate every spot dans le list. So, for example, a mere 1-4 numbered list in HTML Would look like:




1. One


2. Two


3. Three


4. Four




NOTE: You do not need to indent in order for the HTML to work-I just Did That . to make it a little Easier to read

• : This is an unordered list tag to be used to created bulleted lists. You use this the exact Same Way as an ordered list tag, except you use "ul" instead of "ol." You can Easily convert an ordered list to an unordered list or vice versa by simply going into the code and changing a single letter in the opening and closing tags of the list.


• : This indicates italics. You do not usually need to manually like this because i've Rarely Had the italics button glitch out on me, it's purpose Useful to know so you can Recognize it while looking at the HTML. To put a word or sentence in italics, you insert the word (s) entre les opening and closing tags, like so:
  
  I want this to be in italics
[

• : This indicates bold text. It's used the exact Same Way as the italics tags.


• : This indicates Underlined text. It works just like bold and italics.



• : I'll bet you can guess what do thesis (hint: I use 'em for my Twitter-sized bites and / or Any quotes) . Like italics, bold and underline, thesis are tags Rarely That I-have to manually adjust, aim it's helpful to know what it does.



• : These are heading tags. There are six different heading tags Actually, varying from

  to

  . The

  tags are the Largest and

  Are The Smallest. Like the last pair tags, the text entre em is what is affected.



• [link text] : And this, my friends, is what an embedded link looks like in HTML. Allow me to break it down a little:
  
  The hand is all of the opening tag. Within the quotations, you up the web address you want the link to go to (without the brackets). So if you were awesome and linking to my blog, the opening tag Would look like this:
  
  
  
  Next is the link text. This is the visible text That People see and click on, so, for example, it might look like this:
  
  Check out this awesome writing blog.
  
  Finally, you need the closing tag, or the link will not work at all. This is the Easiest hand-you just add at the end. So your full embedded link Would look like this:
  
  Check out this awesome writing blog

The nice hand is thesis tags are all universal and can be. Any server used it That allows for HTML editing and in Any browser.

I hope this helps your HTML-editing needs. If you-have Any questions, feel free to give me a shout below. :)

Have you edited HTML before? What tags do you MOST Commonly use?

Twitter-sized bites:

Are you a blogger Struggling To Understand HTML? @Ava_Jae Shares Some easy tips to demystify your website's code. (Click to tweet)

Do you struggle with your blog's HTML? Here are Some easy tips to make easy editing HTML. (Click to tweet)