3 Free Online HTML Editors for DIYers

As you may know by now, I am a BIG fan of WordPress.org. Thanks to WordPress.org, many small businesses are now able to get an affordable website online. Many are able to get their business websites online and maintain it without hiring a web designer at all. I am proud to say that I am one of them. I taught myself WordPress.org and have used it to get all my current sites on the web.

Thanks to WordPress.org, those who do not know HTML, don’t need to know it in order to have functional and attractive websites. WordPress.org‘s visual editor looks very much like the dashboard or toolbars in Microsoft Word.

There are some instances when you may need to work with a bit of HTML code. You may need HTML code to:

  • manually insert your social media profiles in your sidebar using a text widget,
  • Place special instructions, images or links at the end of every blog post,
  • Set up an attractive Squeeze or landing page with different fonts, images, layouts, buttons, calls-to-action
  • and more

The good news is that there are many online editors available that can produce HTML code for you on the fly. Here are 3 good ones:

1) WordPress.org – The WordPress editor for composing blog posts and pages in wordpress has 2 options: a visual editor and an HTML editor. So in the case where you need to code to manually display your Social Media Profiles in your sidebar; you can insert the images using the visual editor setting. Once you link the images to your respective social media profiles, click on the HTML editor TAB on the top right corner of the “compose” window. Joila! You will see everything change to the exact code that will render the visual image you created.

2) Free-Online HTML Editor – This is a handy tool that I use all the time, even before I used WordPress.org. The website has a nice editor with functions that allow you to cut and paste, choose font color, type, face and size, bold and all the usual functions needed to style your web page and input text. Once you are finished, you can click the “Source” button and you will see the code for the web page or other snippet you created.

3) Quack-it.com Online HTML Editor – Just found out about this one. However, I have known about the website for some time because it also has several HTML tutorials, examples and links to create almost every effect you may desire in HTML.

There you have it. I hope you find these tools and tips helpful. If you have another related resource that you use, I would love to hear about it. Go ahead and leave a comment below. If something is unclear and you would like to ask a question about it, feel free to go over to my Facebook Fan Page and post it there. I look forward to hearing from you.

Pay it forward & share:

Speak Your Mind

*