HTML Syntax Reference

This is a basic guide to often-used or useful HTML Syntax references. It is by no means complete, and is meant as a reference only.

To prevent the code examples from working on the page (& therefore not being of any use to you as a tutorial....) I have added extra spaces between some of the ends ("< "and "> ")

Important For XHTML 1.0 standards compliance: All tags should be in lowercase.

HTML Syntax Reference
Descriptions	Syntax Examples	Results
Bolded Text - New method	< strong>Bolded Text</strong >	Bolded Text
Bolded Text - Old method / depreciated	< b>Bolded Text</b >	Bolded Text
Italicized Text	< i>Italicized Text</i >	Italicized Text
Deleted Text	< d>Deleted Text</d >	Deleted Text
Big Text (depreciated - Use H1,H2,H3 etc instead..)	< big>Big Text</big >	Big Text
H1 Text - Largest size available(NOTE: The size & color of text is set by your current template/theme settings..)	< h1>Your-Text</h1 >	H1
H2	< h2>Your-Text</h2 >	H2
H3	< h3>Your-Text</h3 >	H3
H4	< h4>Your-Text</h4 >	H4
H5	< h5>Your-Text</h5 >	H5
H6	< big>Your-Text</big >	H6
Small Text (depreciated - Use H1,H2,H3 etc instead..)	< small>Small Text</small >	Small Text
Superscript	2 x 10<sup>6</sup>	2 x 10⁶
Subscript	H<sub>2</sub>0	H₂O
Hyperlink	< a href="http://www.business-in-site.com">Business-In-Site</a >	Business-In-Site
Email Hyperlink	< a href="mailto:mail@mail.com">mail@mail.com</a >	mail@mail.com
Float an image - LEFT Float (Note: enter your desired height & widths - number only, eg: width "300")	< img class="alignleft" src="PUT-FULL-IMAGE-URL-HERE.jpg" alt="" width="" height="" /></a >	-
Float an image - RIGHT Float (Note: enter your desired height & widths - number only, eg: width="300")	< img class="alignright" src="PUT-FULL-IMAGE-URL-HERE.jpg" alt="" width="" height="" /></a>	-
No Follow Links (useful for SEO to prevent loss of "link-juice", plus also for affiliate links or paid links etc - to prevent penalization by Google....)	< a rel="nofollow" href="PUT-FULL-URL-LINK-HERE" target="_blank">TITLE OF YOUR LINK</a >-	-
Return / Go To Top (of Page or Post, etc)	Just add # on the end of the URL - Example: ....your-site.com/article/#	Return to top

If there is a (essential or important) subject or method that you think should be added to this page, please do not hesitate to contact us using the contact form on our Contact Us page & we will consider including it.

Share and Enjoy:

What Others On This Site Are Reading:

40 Web Design Tips & Mistakes To Avoid

Tutorial - How To Quickly & Easily Change CSS Colors Using The Search ...

Your PC In Your Pocket With Portable Apps

Startup Costs Calculator Tool

Search Engine Optimization (SEO): An Hour a Day

A Practical Guide to Affiliate Marketing: Quick Reference for Affiliat...

The New Rules of Marketing & PR: How to Use Social Media, Online Video...

The Zen of Social Media Marketing: An Easier Way to Build Credibility,...

WordPress Security: Protection from Hackers and Crackers

Tweet This WordPress Plugin Fix for 401 Error Message Problem

Amazon Kindle Fire HD 7" Standing Leather Case, Onyx Black (will only ...

Opteka BP-SC4000 Ultra Thin Solar Powered High Capacity (4000mAh) Back...

Bio
Latest Posts

Karen Banting

Karen Banting is the primary author for Business-In-Site.com and writes about a variety of topics, including: Online Business, SEO, Marketing, Software and more....