Guide to Creating a Website with HTML

By 34SP.com on December 15th, 2010 in Hosting Library with No Comments »

HTML stands for hypertext markup language. It is the basis of all web pages on the Internet. By learning the “tags” or “code” of html, it is possible to publish all sorts of information globally via the World Wide Web. HTML is not difficult to master once the fundamentals of the language are understood.

HTML/Head/Body Tags – There are several tags that are essential when writing an HTML document. The four foundation tags to learn are: < html>, < head>, < title> and < body>. The html tag is always first, as it identifies the type document. Next in place is the header tag, which will show the name of the document. The title tag always follows the header tag and the name of the document appears inside this tag. Last is the body tag. This denotes the beginning of all the information that is put into the document. It is very important to remember to close the tags after putting in the proper information. This is done by adding a slash to close the tag, as < /html>.

Header tags (H1-6)

Header tags are used in HTML to control the size or boldness of certain areas of text.

being the biggest to

being the smallest.

 

1

2

3

4

5
6

 

Paragraph

The paragraph tag is used to indent paragraphs or to add large spaces within an HTML document. It looks like this: < p>. It takes the place of spacing used in keyboarding text documents.

 

A HREF

This is the html tag used to link to another page or another area of the document. The code used to embed a link looks like this:

 

IMG SRC

Image source is the tag used to add pictures to a web page. Here is an example of how it is written: In order for the image to show on the page, the entire path or location of the image must be placed within the tag.

 

HR

This is the tag is used for adding horizontal lines and is useful to break up text within the document or adding interest to a page.




 

BR

This tag stands for a “line break” and is the simplest tag to use for this purpose.

 

Bold/Italic/Underline

These types of text emphasis are achieved by using: , or It is important to close the tags when the emphasis of text is completed.

 

Tables

Tables can be used in a variety of ways within web pages. Some of their uses include charts, buttons and calendars. There are three fundamental tags that are used for tables. These are: , and

 

Lists

It is possible to add different types of lists within an HTML document. The three types of lists are the ordered list that uses numbers, the unordered list that uses bullets and the definition list that lists by indentions.

 

CSS

What is CSS? CSS stands for “Cascading Style Sheets” and it is used to enhance the style of HTML documents. Many times CSS and HTML are confused. To understand the difference, think of HTML as the language used to construct basic content of a web page and CSS as a means to format the HTML content. CSS is a means of controlling the overall look and style of an HTML document. When using CSS, there are a number of basic tags that can be utilized.

 

DIV Tag

A common tag used in CSS is the

tag. This tag is means a “division” within the document. This tag is very useful when designing a page. By using this tag, it is possible to control the positioning of text within the document.

 

Justification

Without justifying an HTML document, the pages are displayed with crooked margins. Unless the text is “justified” or centered on the page this can happen. Most browser’s display the text with an uneven edge on the right side. To center text, it is necessary to use the “ text-align: justify;” tag in the section of your document.

 

Floating

The term used for aligning an object such as an image to a certain position on the page A number of elements can be floated in a web document. By using the “float” tag, it is possible to wrap text around embedded objects on a page. This can be done in either basic HTML or by adding a CSS format.

 

Comments

By using the “comments” tag, the author of the web page can add notes to themselves or to future programmers. This aids in giving a glimpse of how the page was put together and give insightful knowledge on how to upgrade the page to the standards current for the times. When the comments tag is added, normal viewers do not see the wording. Those trained in HTML programming will be able to retrieve author comments and adjust content as needed.

 

For further study on basic HTML: