HTML Tricks Secrets Revealed | HTML Basic Code

HTML - Hyper Text Markup Language

Although we don't need to use HTML here on HubPages because everything is basically supplied for us (-: we're so spoiled! :-), there may be instances where you're online and do want (or need to know) at least some basic HTML Tricks Secrets. Maybe you just wanna know some quick HTML Basic Code to use to enhance the marketing of your affiliate programs, products / services or other. Things like how to make a word stand out in bold or italics. Or how to underline a word or make a link. This hub is designed as a simple quick-guide reference to teach you the most basic commonly used HTML codes you'll need to get by. The use of HTML could be the very thing you need to spice up your marketing and thereby increase your response and revenue!

And it's SUPER EASY! ~ Let's dive right into it starting with...

Bold

EXAMPLE: <b>YOUR TEXT</b>

NOTE: (All HTML codes on this page will show in bold for easy viewing purposes only.)

Sometimes the above code for bold doesn't work in certain instances which is extremely rare. If not try this code instead: <strong>YOUR TEXT</strong>

---

Italics

EXAMPLE: <i>YOUR TEXT</i>

---

Bold Italics

EXAMPLE: <b><i>YOUR TEXT</i></b>

---

Underline

EXAMPLE: <u>YOUR TEXT</u>

---

Center

EXAMPLE: <center>YOUR TEXT</center>

---

Font Color

EXAMPLE: <font color="COLOR NAME">YOUR TEXT</font>

(To change text colors simply enter a different color name i.e. red, blue, green ~ You name it!)

Don't know the name of a unique color?

Don't worry because every color has what is called a hex code (or hexadecimal code). Instead of trying to remember all of them or searching through confusing charts, one of my best HTML Tricks Secrets for this is to use ColorPic where you can instantly grab the code to Any color you see on the web! (so in the example above, you world just simply substitute the hex code where the color name would normally go.

NOTE: With ColorPic tool the hex code is the one with the # sign next to it.

---

Text Link

Now this is an especially important one. Why? because it's all about convenience these days. Today your visitors will likely not even bother copying & pasting your web address in their browser. It seems simple but it's just too much of a hassle for them. And besides it makes you look very amateurish. And you don't want that now do you?... Didn't think so. So here's the code...

<a href="YOUR WEB URL"><u>YOUR TEXT</a>

so using this web url -- http://hubpages.com -- and lets say you wanted to make that web address clickable

This is how to do it...

<a href="http://hubpages.com"><u>www.hubpages.com</u></a>

P.S. If you noticed I mixed the underline code <u></u> with this too. This is optional, but commonly used so that site visitors can easily identify clickable links. ==> ALSO: always include - http:// - in the "Web URL" or it won't work. And of course the '"Text" section can say anything you want it to.

---

New Window

Target="_blank"

<a href="http://hubpages.com" Target="_blank"><u>Your Text</u></a>

NOTE: The key to getting this to work is to place that Target="_blank" after your web address/URL exactly how it is in the above example.

-----------------------------------------------------------------------------------------------------------------

...More HTML Tricks Secrets

New Paragraph

<p>

Creates a space between content to indicate start of a new paragraph or section.

EXAMPLE:

And that is how HubPages started.<p>The benefits of joining HubPages is that you can write about your passion and create ongoing revenue!

RESULT:

And that is how HubPages started.

The benefits of joining HubPages is that you can write about your passion and create ongoing revenue!

---

Line Break

<br>

Looks the same as starting or continuing a sentence on a new line.

NOTE: Same instructions as starting a New Paragraph, only now when you use the line break code your text would start on the next line without spacing.

---

Inserting An Image

<img src="YOUR IMAGE URL">

so lets say your image url is... http://image.gif ...you would set it up like so:

<img src="http://image.gif">

NOTE: position image Url wherever you want image to appear. Also always remember to include the http://

---

Making Your Image A Link

This combines "Text Link" code and "Image" code like so...

<a href="YOUR WEB URL"><img src="YOUR IMAGE Url"></a>

EXAMPLE: <a href="http://hubpages.com"><img src="http://image.gif"></a>

RESULT: clickable image linking to any web address of choice! In this example hubpages.com

An that's really all the HTML Basic Code needed to get ya going!

---

Thanks for stopping by:) hope you learned a thing or two from HTML Tricks Secrets Revealed!