Affiliate Marketing | Learning HTML Code – The Basics

Learning HTML Code – The Basics


HTML, which stands for Hyper Text Markup Language, is the markup language that is predominantly used in web pages. It is the language that tells the Web browser how to display the page.

Learning HTML Code – at least the basics is an important skill that any affiliate marketing website owner should have. And even if you are not creating your own website yourself, there will be times when you will need to know at least some HTML.


Most Common Used HTML Tags Reference:


Note that I have added an “*” inside the beginning of each tag for presentation purposes so that it won’t go crazy on the page.  (I’m sure there’s a better way to accomplish this, but it’s the only way I could get them to behave :o ).  Just omit that asterisk when you actually put the tags to use on your pages.


1. < *HTML>< */HTML>- These are the opening and closing tags which are used at the beginning and end of each HTML file.


2. < *HEAD>< */HEAD>- This tag comes after the < *HTML> tag, and the information contained in these tags (Meta tags, style sheets and Java Scripts) is not displayed on the website.

For example: < *HEAD> < *meta name="description" content="A Short Description Of Your Website’s Content Goes Here.“/> < *meta name="keywords" content="this, is, where, your, website’s, keywords, go“/>< */HEAD>


3. < *TITLE>< */TITLE> – Enclosed within the < *HEAD> tags, this is where the title of the web page is placed.
< *TITLE>Your Compelling Title Goes Here< */TITLE>


4. < *BODY>< */BODY>- Within these tags are the things that are actually displayed on the website.


5. < *EM>< */EM> – This tag stands for emphasis, and it replaced the < *I>< */I> tags, which were used to make the text inside the tags italicized.


6. < *STRONG>< */STRONG> – Used to make the text within them bold.


7. < *H1>< */H1> to < *H6>< */H6> – Header Tags.  Text within any of these tags has a larger or smaller font than the normal text, and is bold. H1 is the largest font, H6 is the smallest.


8. < *P>< */P> – Text within the < *P> tags becomes a single paragraph.  A single line break is automatically added below the last line of the displayed text.


9. META Tag: The < *META>tag goes in between the opening and closing HEAD tags  – < *HEAD>< */HEAD>, and is where you can place your site’s keywords and/or a short description of your site for the search engines.


10. TEXT COLOR:
< *font color="Named Color“>< */font>

example: < *font color="red“>< */font> OR < *font color="#hexcode“>< */font> You can do the same for other colors – simply replace “red”, above, with the word “yellow”, “green”, “purple”, “orange”, or “navy”.  For an explanation of HEX code and full color selection, see: http://www.htmlgoodies.com/tutors/colors.html


11. CENTER:
< *DIV ALIGN=CENTER>Your Centered Text< */DIV>


12.  UNDERLINE:
< *U>Underlined Text< */U>


13. SMALL TEXT:
< *SMALL>Small Text< */SMALL>


14. BIG TEXT:
< *BIG>Big Text< */BIG>


15. LISTS: (Bulleted)
< *UL>
< *LI> 1. List Item
< *LI> 2. List Item
< */UL>


16. SEPARATE PARAGRAPHS – LEAVE WHITE SPACE:
< *p style="text-align: left;">Your Paragraph Here< *span style="font-family: georgia;">< */span>


17. CENTER ALIGNED BUNCH OF TEXT:
< *DIV CLASS="centeralign">Your Text Here< */DIV>


18. JUSTIFY A PARAGRAPH:
< *p align="justify">Your Paragraph Here< */p>


19. JUSTIFY SEVERAL CONSECUTIVE PARAGRAPHS:
< *div align="justify">Your Paragraphs Here< */div>


20. HYPERLINK THAT OPENS IN THE SAME WINDOW:
< *a href="URL Of Target Site">Anchor Text Here< */a>

For the Anchor Text, use a description of the site you want to link to (target site) because it will let the search engines know what that post is all about and will make it easier for people searching for topics contained in that post. The Anchor Text is also what your readers will see on your site.


21. HYPERLINK THAT OPENS IN A NEW WINDOW:
< *a href="URL Of Target Site"target="blank">Anchor Text< */a>


Running an online affiliate marketing business can be time consuming, at least until you get your business up and running smoothly, but learning HTML code doesn’t have to take up a huge chunk of your time. I created an HTML tags reference guide and saved it to my desktop so that whenever I am in doubt I can just open it real quick and make sure I’m using the right tag. Saves time since you don’t have to go searching all over the internet trying to find what you’re looking for.


Related Posts

Filed Under Create Your Own Website | Leave a Comment

Tagged With ,

Comments

Leave a Reply