This section contains a few simple html tags for you to use as a quick reference sheet. If you have not covered a tag before it will be explained on our site in further detail at a later date.
HTML Tags
Ok so what is a HTML tag? To put it simply it is a letter or combination of letters/words contained within a < and a >. All HTML tags must have a corresponding end tag. A simple example of this is a <p> tag. (this is a paragraph tag see below). To state a paragraph of text simply open the tag <p> write the text, then close the tag </p>.
There is another way to end html tags, certain tags such as <br> do not have content inside them so you can end them like <br />. (It is usually self explanatory when to use each type of end tag, a paragraph that was <p /> wouldn’t be much use would it?)
TIP: It is good practice to always remember your end tags, otherwise you get strange results!
HTML Paragraphs.
A html paragraph is basically a <p> tag. They are similar to a text paragraph. Browsers automatically add an empty line before and after the paragraph.
Example:
<p>I am a paragraph</p>
<p>I am another paragraph</p>
HTML Line Breaks
A line break is exactly what it says on the box, it fires a new line. A line break tag looks like <br />, it has no content/end tag like </br>.
Example:
<p>I am a <br />paragraph<br />broken up into<br />lines</p>
Would result in:
I am a
paragraph
broken up into
lines
Tip: Although <br> does work in some browsers new standards mean that it is not fully supported, If you want your website to look correct you must use the <br /> tag.
HTML Rules (Yes it rules but we’re talking about lines!)
Have you ever drawn a line under some writing on a piece of paper? Basically this is all the HTML Rules is. The correct tag is a <hr /> tag. This results in a line drawn all the way across the webpage.
Example:
<p>I am that same paragraph.</p>
<hr />
<p>I am a paragraph underneath a ruled line.</p>
<hr />
<p>I am a paragraph under yet another ruled line.</p>
HTML Links
A link (or hyperlink to use the full word) is basically a shortcut to another webpage. In a world without links you would have to manually type in every page to the address bar in your browser. A link is fundamental to the workings of the internet and ensures you can do everything from click your search results to buy your latest gadget/handbag (for the ladies).
A link in HTML is defined by a <a> tag. You then tell the link where to go by adding a href. (see sample below).
Tip: This example has content inside the tag, it is this content you see in place of the http:// ‘stuff’.
Example:
<a href="http://www.web-hosting-site.co.uk">This is a link you can click me</a>
Output:
This is a link you can click me
HTML Images - last but not least!
HTML Images allow you to put pictures inside web pages! The HTML image tag is basically <img> you MUST give the image a src (Source) which is the location on your website/the internet where the picture is located. You can also give the image a width and height to scale it.
Example:
<img src=”mypicture.jpg” width=”150” height=”100”/>
TIP: You can put an <img> tag inside <a> tag to make an image clickable. Eg: <a href=…> <img src=…/></a>
Thanks for taking the time to read this simple sample page, check back regularly for more!