Affiliate Marketing | Basic HTML Codes

Basic HTML Codes


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.

Knowing how to write some basic HTML codes is an important skill that any web designer should have, and below are some of the most common HTML tags.

Note that I have added a “*” 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>

Related Posts

Filed Under Website Design |

Tagged With ,

Comments

Leave a Reply




Tags