3 Tips for Making Tweaks in HTML

Blog_Post_Overlay_3.jpg

The popularity of What You See Is What You Get (WYSIWYG) Editors for website has drastically increased, which makes it easy for anyone create beautiful websites. Sometimes though, things just don't display how they are supposed to. After much agony and tweaking here are a few tips to check next time you are having issues with the HTML on your website. 

1. HTML Basics

All HTML strings must have a beginning tag <> and end </>. For example to make your text bold, <b> BOLD </b>. If you do any editing of the source code, make sure both tags are there. 

2. What &nbsp Means

When I first started looking at the source code of my websites, the &nbsp all over the place confused me. I thought to myself "seriously, why is &nbsp in between all these words?!?". This means Non Breaking Space, and it is okay if it is in between your words. Add this string to your code when words are not spaced properly, or are breaking on different lines. 

 This is an example where sometimes the &amp;nbsp needs to be used for "Contact Carolyn" to show properly (on one line) in the front end.

This is an example where sometimes the &nbsp needs to be used for "Contact Carolyn" to show properly (on one line) in the front end.

3. Cheat sheet for commonly used tags

  • <br> - Line Break
  • <p> - Paragraph
  • <div> - Section division 
  • <hr> - Horizontal Line
  • <a href= "url"> Click Here</a> - Basic Link
  • <a href+"mailto:email">Email Us</a> - Link that opens new email
  • <ol> - Ordered List (numbered list)
  • <ul> - Un-ordered List (bullet list)