Quick Run Down On Basic HTML Tags
What Does HTML Stand for? Hyper-Text Markup Language.
This informs your web browser that you are running an HTML document, and specifies which version of HTML the document is using (in this case XHTML 1.0 Strict / English).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
These tags open and close HTML documents.
These tags open the header section of your document, which usually includes <title> tags and <meta> information.
This specifies the title of the document, which is displayed on the upper-left hand corner of your screen. The <title> tag is generally located in the <head> of your document.
These are <meta> tags, which improve your on-page SEO, helping you to have a higher SERP.
<meta name="keywords" content="untitled, document" />
<meta name="description" content="This document is untitled." />
This specifies the location of your Cascading Style Sheet. A Cascading Style Sheet allows you to change the output of <html> tags (i.e. alter text-face, amount of space between paragraphs etc).
<link rel="stylesheet" href="includes/style.css" type="text/css" media="screen" />
This specifies that you are entering the body of your document, where your content will be held.
These are paragraph tags.
<p>This is a paragraph full of text.</p>
This will bring your text down to the next line
The Horizontal Rule is an underused tag, which acts as a line straight across the page -- allowing you to separate different sections of your document.
The <h> tags will output different size headings. These are perfect to stuff your keyword in, as another form of on-page SEO.
The Anchor tag allows you to insert hyperlinks into your document. Between the double-quotes, you should place the URL that you wish to link to. The Anchor text can be placed after the first ">" sign.
<a href="http://www.netbuilders.org">Net Builders</a>
The Image tag allows you to place images into your document. Between the double-quotes, specify the location of your image.
<img src="image.jpg" />
This tag allows you to bold your text.
This tag allows you to italicize your text.
This tag allows you to underline your text.
This tag specifies that you are going to start an Unordered List.
This tag specifies that you are going to start an Ordered List.
Listed items can be placed inside the <ul>/<ol> tags. An example of an Unordered List below.
This will output:
This tag specifies that you are going to insert a Table into your document. Alter the value in double-quotes to decrease/increase the thickness of the table's border.
This tag specifies that you are going to create a new Table Row, this tag should be placed within the <table> tag.
This tag specifies that you are going to insert a Table Data Cell, this tag should be placed within the <tr> tag. An example of a table is below.
Unfortunately, BBCode does not allow you to insert tables, so you will need to save this example as a .html document in order to view it in your browser.
<td>Row one, Cell one</td>
<td>Row one, Cell two</td>
<td>Row one, Cell three</td>
<td>Row two, Cell one</td>
<td>Row two, Cell two</td>
<td>Row two, Cell three</td>
That's about all that you should need to know in order to create a basic HTML document.