Basic HTML Coding

admin — Sun, 28 Sep 2008 00:54:36 +0000

This is meant to be an introduction to some of the very basic
tags that you might use in creating or editing an HTML web
page. If you become familiar with these basic tags, you
will be able to view and edit some of the tags that make up
the HTML code on your web pages.

An HTML document consists of text and tags. Text goes between
the tags that specify how this text will look on the web
page. For example, if you put the word “Text” between
and tags, it will look bold.

Other text formatting tags include:
Your Text (Italics )
Your Text (Underlined)

Your Text

(Large size heading)
There are others for formatting text, but these are the most
used ones.

The font tags, Some Text, allow you to set sizes, face, and colors of the text that is inside the tags. For instance, My
Text, will make “My Text” size 3, Tahoma, and red color. You can also specify color in hexadecimal code, which allows you to specify an exact color. Take a look at http://www.december.com/html/spec/colorchips.html to get the hex code for a lot of different shades of colors.

In addition to formatting tags, there are HTML tags that define a document structure. Some of them are : .. (signifies the start and the end of an HTML document) … (document header contains title, author, keywords and description)
… (contains all the objects of the document, such as text, links and pictures)

There are also tags that create special objects:

…

(creates a table on your web page)

(makes a horizontal line)

Most tags consist of two parts – opening and closing. An exception here is the

tag. A few others don’t need to be closed either:

(new paragraph) and
(new line, or break)

Many tags can contain extra information about them (attributes). For example, tag can also specify a background color of the page like this:

A

tag can also specify width like this:

This tag inserts a graphic into your web page: //www.mywebsite.com/headerlogo.gif>

This tag makes a link to another web page: http://www.CheapMembershipSite.com/Mall.
To make the link open in a new browser window, add “target=
“_blank”, like this:
“_blank”>

This tag: target=_blank>Hostgator Web Hosting, will create a
link that opens in a new window, and the text “Hostgator Web Hosting” would show on your web page as a clickable link.

How to place an image and text side-by-side, to give your web page a more balanced look, and to make use of all white space:

Recall we talked about the tag? Simply put an align=left or align=right inside it like this:

Right after the image tag start typing your text. The graphic will automatically be displayed to the left of text. You could create a table and put a picture and text in two separate columns, but this is much faster to do and if your text is long enough it will wrap around the graphic which can’t be achieved using a table.
If the graphic is too close to the text, you may adjust it by adding two more attributes to the tag – vertical space and horizontal space, like this:

Well, that’s enough for now. Stay tuned for more HTML tips and tricks.

Lewis Poteet

TutorDaddyTraining.com » html coding

Basic HTML Coding

Your Text