Basic HTML Codes Every Writer Must-Know

hands typing on a black keyboard There is a high demand for online writers in today’s job market. So, if you’re a writer looking to freelance and ghostwrite; understanding basic HTML codes may set you a part from the long line of resumes.

And it’s simple. In today’s digital world, the more tech lingo you know the more work you get.

Below, we have assembled basic HTML codes every writer should know to help you improve content management versatility. Good luck young Skywriter!

Header Tags

Header tags give writers the ability to create titles for body content. Header tags are important because they give you the ability to satisfy basic SEO best practices; empowering you with a simple HTML code that holds heavy SEO weight. Header tags also make your content easy to read and follow. And remember: The larger the number in your header tag the smaller the font size. Here’s what the header tag looks like:

< h1 > Biggest font tag < /h1 > < h6 > Smallest font tag < /h6 >

Search engine algorithms prioritize information based on which header it falls under (with < h1 > being the most important). Demonstrating that you take into account Google’s best practices when it comes to SEO-friendly work, which will definitely get you points with your employer. 


If you’re uploading images or YouTube videos that compliment your body copy, you’ll want to use the center align code. This makes your visuals and content look centered and neat – the online world loves clean and concise. Here’s what the HTML center code looks like:

< center > Your Content < /center >


Writers love to bold their titles. Bold words also help you emphasize important points in the body copy. The bold code also renders SEO benefits as well; making it easier for Google spiders to relay content and read keywords. Here’s what the bold HTML code looks like:

< strong > This is an Important Word < /strong >


The italics font also carries SEO weight as well. This is purely a style preference between bold and italics. From a writer’s viewpoint, italics looks classier than bold. It’s great for quotations and semantic emphasis. Here’s the italics code:

< em > Your Important Word Here < /em >


As they say, a picture speaks a thousand words. Every writer has their preference with online image input. Sometimes, resizing ruins overall image quality and other times images look more appealing wrapped in text in the size of a thumbnail. Here’s the image HTML code for an image left aligned and linked to itself:

< a href=”YourUploadedPictureurl”>”Alternate< /a >


There are many instances online of content management systems lacking a linking button. Hyper linking is important since keywords make a huge difference with a user’s digital experience. In a short-attention span world (i.e. lazy world) you’ll want to reduce the number of clicks and queries. The hyper link code gives you the power to link important keywords and reference other articles within the website. Without the HTML linking code, you miss out on a lot of linking juice, which helps boost page ranking. The HTML linking code is a bit harder to memorize but with repetition it shouldn’t be too difficult. Here is what the HTML linking code looks like:

< a href=”Your Link"< /a >; < a href=”Your Link ” target=”_blank”>Open Link in New Window < /a >.


When writing content for a website, having a basic understanding of HTML is incredibly useful, and not as complicated as you may think. You will be proud of yourself when you produce an article that is up to the standards of the web (and your web developer will thank you too!). If you’re looking for online video HTML tutorials, you’ve came to the right spot!

You May Also Like To Read:
Ultimate Guide to Web and Graphic Design
Social Media Tools Every Marketer Should Know
10 Cool Resumes Made by Professional Graphic Designers

Self-Paced Software Video Tutorials You May Be Interested In:
HTML Training
Web Design Theory
WordPress Training

Post a Comment

You must be logged in to post a comment.