Blog

Tag, You’re It: Basic HTML for Internet Marketers 

Tips from Digital Marketing Experts

Between the brackets, there is a whole new world that, once uncovered, will unlock many doors for marketers with a basic knowledge of HTML. You can use your coding knowledge to create a variety of headings, format paragraphs, line breaks, lists, and to set up your photos for SEO detection. So prepare to dip into the seemingly secretive world of coded meanings and symbols as we present some basic HTML tips for Internet Marketers.

HTML for Internet Marketers 

Any owner of a website or blog will profess that working with a developer is helpful when getting your content live, yet having a basic knowledge of HTML will save you from always having to dial 911 for assistance. Learning this skill is a liberating and empowering move in the tech-intensive world of today. 

 

Tip: When using HTML commands, most “opening” tags have a corresponding “closing” tag that nearly matches. The difference is that the closing tag is always preceded by a slash. This tells the computer where to start a command, and where to end the command. Pay close attention to the examples below.

Hyperlinks

Hyperlinks are transporters, one click on a hyperlinked image, word, or sentence and you’re taken to a different document section, an entirely new website, or to begin a download of a PDF or ebook. Hyperlinks shown in blue underlined text, called anchor text. 

 

The essential key is an opening <a tag and the hypertext reference (href), as shown here:

<a href=”https://www.destinationURL.com”>click this link”</a> 

 

The result: click this link

 

Arguably, the most important hyperlink is the one that takes your customers to your website so you’ll want to memorize this:

<a href=”https://www.agenypartner.com”>agencypartner</a> 

 

The result: Agency Partner

 

Now, simply replace the anchor text with your URL.

Paragraphs and Spacing

The popular paragraph <p> tag is placed at the beginning of, you guessed it, a paragraph. Its closer is the </p> tag. This tells the computer where the paragraph starts and where it ends so it can format it accordingly:

<p>Place your paragraph content between these tags.</p> 

 

You may find times when you want to reformat elements within the paragraph.

 

<p>To shorten a line of text, enter a line break like this.<br>
The content will continue on the next line.</p>

 

To increase the space between lines, say to double-spacing, change the opening paragraph marker to include a line-height command:

 

<p style=”line-height: 2;”>This will double-space all the lines within your paragraph. You can set this to 1.5 for less space, to 3 for more, etc. Note that this HTML command will only work on the specified paragraph. If you want to use it for multiple paragraphs, you will need to use the line-height tag on each.</p> 

 

Headings

These eye-catchers are reasonably easy to code and are very important in catching the attention of search engines. They begin at <h1> and move inversely: as the numbers increase, the headings decrease in size:

<h1>Big, Bold and Beautiful!</h1> 

<h2>Resize your headings with ease</h2> 

<h3>Discover the How-To</h3> 

Lists

While they utilize the same format and are both flanked by list-item tags: <li>. Bulleted and numbered lists have additional tags used at the start and finish of each list: <ul> will give you bullets while <ol> is used for numbered lists: 

Bulleted

<ul>
<li>bullet 1</li>
<li>bullet 2</li>
<ul>

Numbered 

<ol>
<li>number 1</li>
<li>number 2</li>
<ol>

Images

Often, picture sizing and image resolution can be troublesome. A good tip is to resize your pictures before uploading. This also maintains proper proportions. 


Labeled images containing keywords have a better chance of being noticed in search results. And, in the off chance that a picture doesn’t load at all, the “alt” text at least provides the user with a better description than “jpeg10678”.

<img>src=”https://www.agencypartner.com”alt=”place alternative image description here”> 

 

These tools and basic HTML knowledge are resource savers. A solution that would have taken you hours to discover, are now be easily visible and the glitch resolved with these simple, must-know coding tags. Consider your virtual toolbox upgraded!