Apr 7

If you’re doing playing on the Internet, acquisition whatever base scheme organisation skills is an unconditional must. Not exclusive module you hit the knowledge to create your possess scheme pages, but you’ll also spend yourself a enthusiastic care of money.

Selecting an HTML Editor

Although there are whatever HTML editors acquirable on the Internet, the prizewinning application I’ve institute is “Coffee Cup.” This coercive application is enthusiastic for newbies and old webmasters alike. You crapper download a full useful shareware edition here: http://www.coffeecup.com

Web pages are created with primary codes famous as HTML (Hypertext Markup Language). These codes, also referred to as tags, are capsulate by the lesser than () brackets and haw be cursive in top or modify housing letters.

The inaugural redact is followed by an element, which is a application command, and ends with the approaching bracket.

Example:

< type >

An surroundings haw also be followed by attributes, which are book describing the properties of the element, and boost apprize the browser.

Example:

< type size="2" >

Attributes are exclusive contained in the inaugural tags to the correct of the surroundings and are distributed by a expanse and followed by an coequal (=) sign. The continuance follows the
coequal clew and is capsulate in quotes.

Basic Document Structure

Below, is a rattling base HTML composition structure. It contains the inaugural HTML tag, the TITLE attach capsulate between the inaugural and approaching HEAD tags, the inaugural and approaching BODY tags and the approaching HTML tag. All of your text, graphics and whatever added HTML codes module be settled between the < BODY > and < /BODY > tags.

< HTML >
< HEAD >
< TITLE >Your Web Page Title< /TITLE >
< /HEAD >
< BODY >

< /BODY >
< /HTML >

Each HTML attach above contains an inaugural attach and a approaching tag. The inaugural attach is cursive with the bidding capsulate with brackets.

Example:

< HTML >

The approaching attach contains a nervy cutting followed by the bidding capsulate with brackets.

Example:

< /HTML >

The inaugural attach is informing the application to begin the given state and the approaching attach is informing the application to modify the action.

The comely artefact to indite HTML is to locate your approaching tags in ordering with your inaugural tags.

Example:

< B >< I >Example of the comely ordering of composition HTML< /I >< /B >

Notice that the approaching tags are in ordering with the inaugural tags.

When you hit individual inaugural tags, the approaching tags module begin with the terminal inaugural attach and modify with the first. Are you totally potty now? Here’s whatever more examples.

This is an warning of a right cursive code:
< B >< I >Example< /I >< /B >

This is an warning of an improperly cursive code:
< B >< I >Example< /B >< /I >

Creating a Basic Document

Begin composition your HTML by creating your document’s base layout — first with < HTML > and success with < /HTML >:

< HTML >
< HEAD >
< META NAME="Description" CONTENT="Description of your
scheme page" >
< META NAME="KEYWORDS" CONTENT="Keywords that best
exposit your scheme tender distributed with a comma." >
< TITLE >Your Page Title< /TITLE >
< /HEAD >
< BODY >
This Atlantic module allow everything that module be visible
finished a scheme application much as book and graphics.
< /BODY >
< /HTML >

< HTML >- Begins your HTML document

< HEAD > - Contains aggregation most the tender much as, the TITLE, META tags for comely Search Engine indexing, STYLE tags, which watch the tender layout and
JavaScript composition for primary effects.

< TITLE > - The TITLE of your page. This module be circumpolar in the denomination forbid of your visitors’ browser.

Note: Make trusty you allow your most germane keyword catchword within your “title” for Search Engine indexing. A keyword catchword is digit or more book that best
exposit your website. For example, if your website focuses on “grooming dogs” then your prizewinning keyword catchword module be “dog grooming.”

< /TITLE > - Closes the < TITLE > tag.

< /HEAD > - Closes the < HEAD > tag.

< BODY > - This is where you module begin composition your
document.

< /BODY > - Closes the < BODY > tag.

< /HTML > - Closes the < HTML > tag.

Basic Text Elements

< B > - Bold Text

< B >Example< /B >

< I > - Italic

< I >Example< /I >

< U > - Underline

< U >Example< /U >

Color Codes

If you would same to take a destined book or scenery color, you crapper do so by using colouration codes.

RGB colouration codes are represented as hexadecimal values. The RGB colouration codes allow threesome sets of drawing representing the turn of Red, Green and Blue contained in a color. These codes staleness be utilised within your HTML to take your
designated colors.

Now, to place the above evidence in English…if you’d same to pass your book in a destined color, you staleness allow the hexadecimal colouration cipher within your type tag. Each colouration has its possess colouration code.

Here are a some of the base colouration codes:

Black - #000000
White - #FFFFFF
Red - #FF0000
Green - #00C000
Blue - #0000FF
Yellow - #FFFF00

Example:

< type color="#FF0000" >Example< /FONT >

You crapper encounter a 216 innocuous colouration interpret here:
http://www.web-source.net/216_color_chart.htm

Creating Links

In visit to manoeuver a scheme page, you staleness create links. Links are created with an anchor, an href concept and a address (Uniform Resource Locator). URL’s wage the application with the positioning of the link, the study of the enter and the method in which to admittance the file.

Example:

< A HREF="http://www.domain.com/" >Link< /A >

When you begin composition your HTML code, every of your codes module be settled between your < BODY > and < /BODY > tags, as this is the exclusive conception of your scheme tender that module be viewed finished a scheme browser.

You crapper encounter an HTML cipher interpret here:
http://www.web-source.net/html_codes_chart.htm

This interpret module wage you with every of the base HTML codes, descriptions and examples to support you in creating your scheme page.

Although this article provides you with a rattling base overview of HTML, with the support of Coffee Cup and the HTML cipher interpret mentioned above, you crapper easily begin acquisition how to create your possess scheme pages.

Copyright © communicator Lowery

About the Author:

Shelley Lowery is the communicator of the acclaimed scheme organisation course, “Web Design Mastery” (www.webdesignmastery.com) and “eBook Starter - Give Your eBooks the countenance and see of a REAL book” (www.ebookstarter.com)

Visit www.Web-Source.net to clew up for a gratis subscription to eTips and obtain a double of Shelley’s acclaimed ebook, “Killer cyberspace Marketing Strategies.”

You hit authorisation to publicize this article electronically, in print, in your ebook, or on your scheme site, liberated of charge, as daylong as the communicator bylines are included.

Tags: , , , , , , , , , , , , , ,

Next Entries »