Html Color Code prepares your child for success!

Introduction

The internet is rich with information about HTML and bookstores are filled with books for beginners to advanced code writers, but what is best for those of us that make a beginner look like a genius and just where do we start? I want to share some basic knowledge of the parts to a website that website owners and bloggers should know and understand.

1. Cascading Style Sheets or CSS was added to HTML as a way to create a standard for the layout of web pages. Based on the information that is in Cascading Style Sheets a website and its following pages will look the same throughout.

The basic parts to a CSS website layout will include codes that look like the following:

<title>HTML Codes, a Beginners Guide.</title>
This is the article you are reading right now.

2. Adding to the above CSS/HTML codes will be information codes for fonts, bold, size of fonts, color codes, spacing, links, margins and more. If you will take the time to look at the CSS codes of your own website you will be able to pick out different parts of the HTML code that make up the website.

Know the basics of a code or command. Codes start and end with brackets that wrap around text such as our title code above, notice that the first brackets only need a command word but the same bracket used at the end will include a "/" backslash. If we wanted the title to be bold then we would add the code for "bold" and it would now look like this:

<bold><title>HTML Codes, a Beginners Guide.</title></bold>

3. There are many great books on the market that can teach you more about HTML codes and you should know the basics so find a book that you feel comfortable with and that is written so that you understand the information as it is presented. You will also find many websites that are geared to helping newbies in HTML color 2378ab codes, they are extremely well written and in most cases they are free to read.

The website themes and templates that are being offered on the internet today come complete with CSS/HTML page layouts, but it is always important to know at least the basics so that we are able to make changes or tweak our websites.

The most important thing to consider in choosing html background color is the amount of contrast it has with the page text. It doesn't take much color in the background to make fonts difficult to read. If you keep in mind that the best choice for readability is black text on white background, that doesn't leave much room to experiment. Not that all backgrounds have to be white, but try to stay conservative in color choices for this delicate part of your page design.

The html tag for background color becomes part of the "body" tag for that page, located immediately following the closed head tag. For example:

(body) tag now becomes (body bgcolor) with="#F5F5F1")

In an html editor, like Dreamweaver, go to the main menu and look for MODIFY and then PAGE PROPERTIES.

The html background color code is a hexadecimal number, a six-digit set of characters that can include just about any combination of numbers 1 - 9 and letters A - F. If you know the RGB values for the color you want to use, you'll need to covert those numbers to the single hex code. Most web graphics editing programs will easily do this for you. If you would like to know how that all works, there are many websites that explain the process.

Web pages are created with special codes known as HTML (Hypertext Markup Language). These codes, also referred to as tags, are enclosed by the lesser than () brackets and may be written in capital or lower case letters.

The opening bracket is followed by an element, which is a browser command, and ends with the closing bracket.

Example:

An element may also be followed by attributes, which are words describing the properties of the element, and further instruct the browser.

Example:

Attributes are only contained in the opening tags to the right of the element and are separated by a space and followed by an equal (=) sign. The value follows the
equal sign and is enclosed in quotes.

Basic Document Structure

Below, is a very basic HTML document structure. It contains the opening HTML tag, the TITLE tag enclosed between the opening and closing HEAD tags, the opening and closing BODY tags and the closing HTML tag. All of your text, graphics and any additional HTML codes will be placed between the and tags.

Your Web Page Title

Each HTML tag above contains an opening tag and a closing tag. The opening tag is written with the command enclosed with brackets.

Example:

The closing tag contains a forward slash followed by the command enclosed with brackets.

Example:

The opening tag is telling the browser to begin the specified action and the closing tag is telling the browser to end the action.

The proper way to write HTML is to place your closing tags in sequence with your opening tags.

Example:

Example of the proper sequence of writing HTML

Notice that the closing tags are in sequence with the opening tags.

When you have several opening tags, the closing tags will begin with the last opening tag and end with the first. Are you totally confused now? Here's some more examples.

This is an example of a properly written code:
Example

This is an example of an improperly written code:
Example

Creating a Basic Document

Begin writing your HTML by creating your document's basic layout -- beginning with and ending with :

Your Page Title

This area will contain everything that will be visible
through a web browser such as text and graphics.

- Begins your HTML document

- Contains information about the page such as, the TITLE, META tags for proper Search Engine indexing, STYLE tags, which determine the page layout and
JavaScript coding for special effects.

- The TITLE of your page. This will be visible in the title bar of your visitors' browser.

Note: Make sure you include your most relevant keyword phrase within your "title" for Search Engine indexing. A keyword phrase is two or more words that best
describe your website. For example, if your website focuses on "grooming dogs" then your best keyword phrase will be "dog grooming."

- Closes the tag.

- Closes the tag.

- This is where you will begin writing your
document.

- Closes the tag.

- Closes the tag.

Basic Text Elements

- Bold Text

Example

- Italic

Example

- Underline

Example

Color Codes

If you would like to specify a certain text or background color, you can do so by using color codes.

RGB color codes are represented as hexadecimal values. The RGB color codes contain three sets of numbers representing the amount of Red, Green and Blue contained in a color. These codes must be used within your HTML to specify your
selected colors.

Now, to put the above statement in English...if you'd like to display your text in a certain color, you must include the hexadecimal color code within your font tag. Each color has its own color code.

Here are a few of the basic color codes:

Black - #000000

White - #FFFFFF

Red - #FF0000

Green - #00C000

Blue - #0000FF

Yellow - #FFFF00

Example:

Example

You can find a 216 safe color chart here:



Creating Links

In order to navigate a web page, you must create links. Links are created with an anchor, an href attribute and a URL (Uniform Resource Locator). URL's provide the browser with the location of the link, the name of the file and the method in which to access the file.

Example:

Link

When you begin writing your HTML #ff0e51 code, all of your codes will be placed between your and tags, as this is the only part of your web page that will be viewed through a web browser.

You can find an HTML code  here:


This chart will provide you with all of the basic HTML codes, descriptions and examples to assist you in creating your web page.



Philosophy

Your child will have the opportunity to pursue a range of extracurricular activities to complement his or her rigorous academic curriculum. Our low student-to-teacher ratio ensures that your child gets the attention he or she deserves.

We invite you to come visit our school and learn more about our philosophy for preparing your child for success.

 

This free website was made using Yola.

No HTML skills required. Build your website in minutes.

Go to www.yola.com and sign up today!

Make a free website with Yola