Html Tags

While most browsers will "forgive" not including the , or even the tags, leaving them out can cause problems with some browsers. For XHTML, closing tags are absolutely required. Title tags are displayed in the top title bar of the browser, sometimes followed by the name of the browser itself. Screen readers read the title of each page when it first loads (including the name of the browser, if shown by the browser). Too many Web masters ignore the title tag, or give too little thought to it. Most search engines will use the title tag in their search results displays. Good titles will aid people in finding your site. Title tags are also useful in bookmarking. Most browsers will display the title as the name of the bookmark. If you want your bookmarked site to stand out or be readily found, you should have a well thought out, brief title for your Web page. Keep in mind, however, that long titles will often be cut-off in bookmark and search engine results displays. Your carefully worded title should be brief, less than 120 characters (keep in mind that WebTV only displays the first 12 characters in its "Recent" panel). With the above in mind, do not put "Welcome to..." in your title tag, nor place the Web address (or if you do, place it at the end of the title tag text string). Again, keep it brief. Don't write "this is the main portal to XYZ Web site," instead write "Main portal to XYZ Web site" or better yet "XYZ's main portal. <meta name="keyword" content="key words, keywords" /> Keep the keyword meta tag short, do not repeat keywords, think of alternate spellings and even misspellings. All Meta tags should be "closed" with /> to make them XHTML ready (doing so will not cause any problems for browsers that do not support XHTML). <meta name="description" content="brief and to the point description of the web page." /> Keep the description meta tag to 250 characters or less. Make sure it that it clearly describes the page, and that it uses some of the keywords (but not the misspellings) listed in the keyword meta tag. If you don't include a description meta tag, some search sites may use the first sentence or two of your text, including any JavaScript coding (even if you comment out the coding). <meta name="robots" content="all" /> Use a comma-separated list of one or more of those terms. Their meanings are: • all -- same as index, follow (default) • index -- index this page • noindex -- do not index this page • follow -- follow links from this page • nofollow -- do not follow links from this page • none -- same as noindex, nofollow (robots should ignore this page and should not follow links from this page Not all sites recognize the robots meta tag, but some of the major ones do (Excite, Infoseek, Lycos, and WebCrawler). In fact, most search engines do not recognize all meta tags. Some will use your title tag for a description of the page, others will use the description meta tag, others will use both the description tag, title tag and the keyword tag to rate the "relevancy" of your page. Others will also read the top two sentences or the bottom two sentences to help judge "relevancy." Do not overload your page with keywords, this is called spamdexing and will actually more often than not penalize your page with a lower relevancy ranking. If you have any Javascript, JavaScript, JScript functions that are "called," or do not write to the web page, include them after the meta tags and before the closing head tag.
alink="#ffff00"> Most common and widely supported body attributes are • background="URL" for background image • bgcolor="RGB, Hex or Color Name for background color" • text="RGB, Hex or Color Name for text color" • link="RGB, Hex or Color Name for non-visited link color" • vlink="RGB, Hex or Color Name for visited link color" • alink="RGB, Hex or Color Name for active link color" (color that the link becomes when the mouse cursor hovers over the link). The alink attribute is ignored by WebTV. These attributes are "depreciated," meaning that CSS is the preferred method of setting these attributes. Place your web content here between the tags. Don't forget to use alt tags in any images that has informational content in them. Close out the body and HTML document. For cut-n-paste ease, the template coding is repeated below without the commentaries: <meta name="keyword" content="key words, keywords" /> <meta name="description" content="brief and to the point description of the web page." /> <meta name="robots" content="all" />

BUTTON ________________________________________ Example coding

Computer Experience:

Results: Computer Experience:

CHECKBOX ________________________________________ Example coding Example coding results

ENCTYPE="application/x-www-formthan 1">Less than 1 year.
5">1-5 years.
than 5">More than 5 years.

Computer Experience:
Less than 1 year.
1-5 years.
More than 5 years.

Computer Experience: Less than 1 year. 1-5 years. More than 5 years.

FILE ________________________________________ Example coding Example coding results

Search your drive:

Search your drive:

INPUT CHECKED Having an input field checked by default. Can be used with Checkbox or Radio INPUT TYPES. ________________________________________ Example coding Example coding results

Computer Experience:
Less than 1 year.
1-5 years.
More than 5 years.

Computer Experience: Less than 1 year.

1-5 years. More than 5 years.

MULTIPLE SUBMIT USING IMAGES ________________________________________ Example coding Example coding results

________________________________________ PASSWORD ________________________________________ Example coding Example coding results

Name?
Password?

Name? Password?

RADIO BUTTONS ________________________________________ Example coding Example coding results

Computer Experience:
Less than 1 year.
1-5 years.
More than 5 years.

Computer Experience: Less than 1 year. 1-5 years. More than 5 years.

RADIO GRID ________________________________________ T-Shirt Order Example coding Example coding results

T-Shirt Order White Small Medium Large White Blue Small Medium Large

TEXT ________________________________________ Example coding Example coding results

Name?
Organization?
Email Address?

Name? Organization? Email Address?

ISINDEX ________________________________________ Example ISINDEX coding Example ISINDEX coding results ________________________________________ This is a searchable index. Enter search keywords: ________________________________________ OPTION ________________________________________ Example coding Example coding results

Computer Experience:

<SELECT NAME="choice" > Less than 1 year. 1-5 years. More than 5 years.

Computer Experience:

OPTION -- SELECTED Having an option selected by default ________________________________________ Example coding Example coding results

Computer Experience:
<SELECT NAME="choice" > Less than 1 year. 1-5 years. More than 5 years.

Computer Experience:

OPTION -- SELECT MULTIPLE Allows more than one choice to be selected. Usually done by holding down the CTRL key while selecting. ________________________________________ Example coding Example coding results

Computer Experience:
<SELECT MULTIPLE NAME="choice" SIZE="3"> Less than 1 year. 1-5 years. 5-10 years. More than 10 years.

Computer Experience:

REDIRECT VIA SUBMIT Must use GET instead of POST. ________________________________________ Example coding Example coding results

STYLE SHEETS: COLOR IN FORM ELEMENTS At present (Spring 1998) this only works in IE 3.0+ ________________________________________ Example 1 coding Example 1 coding results

Example 2 coding

Example 2 coding results

STYLE SHEETS: FONT STYLES IN FORM ELEMENTS ________________________________________ Example coding Example coding results

TEXTAREA ________________________________________ Example coding Example coding results

Tell us about your computer experience:

Tell us about your computer experience: