Top Website Tutorial

CSS Head Section

CSS : Head Section
There is a method of using a style sheet that allows you to design a style appropriate to give effect as desired in the web pages. We will create a style in the head section which begins with the tag <style> and ends with the closing </ STYLE>. Below will be displayed <span> style in the document head. (SPAN is part of a web page. Next line SPAN would not be cut until the tag is closed):

<HEAD>
<style>
<! -
SPAN {color: red; font-style: italic}
->
</ STYLE>
</ HEAD>

Cascading Style Sheets (CSS)

The Contents of The Style Sheet
Cascading style sheets (CSS) has a type style that can be used in a page or page element. Any definition of a style or style rule contains a selector followed by property and the value of the selector. Below is described an example that is easy on the style rules defined in a style sheet:

H1 {font-size: x-large; color: green}
H2 {font-size: large; color: blue}
. note {font-size: small}
#footer {font-family: serif}

HTML Form Tutorial

This post is especially about HTML Form Tutorial so you can make form in HTML document.
Form is used to create forms on web pages. As the name suggests, the form used to take input from the user and will be further processed.

Form on web pages is defined by the couple <form> tag and </ FROM>. <form> Tag has two important attributes, namely METHOD attribute to specify how the applicable form, and ACTION attributes are often loaded exact URL form further processing.
Form the basic structure is:

<FORM [METHOD="POST|GET]" ACTION="URL">
...
</ FORM>

Making Paragraphs
You can start putting your information on the web page. For this purpose HTML provides tags <P>. This command has several attributes.
Tag <P> generally to mark a new paragraph. You can also use tags <BR> to start a new line, but the use of tags <P> mainly used to make the group a paragraph with a specific style formatting. Here is a sample paragraph in HTML.

How to create a marquee (moving text). Maybe you've seen a moving text effect in one website or blog that you have ever visited. Moving text effects in HTML program called marquee. Here's a little explanation of the marquee and how to create a marquee.

What is a Marquee
Marquee is the tag non-standard HTML element that make a text / picture moves up, down, right, or left in automatic. To make marquee text or picture, how simple and easy. We just need to insert the HTML code to create a marquee, between the text / images that we will make moves. Here's the basic HTML codes marquee:
<marquee> Text or images here </marquee>
From basic HTML codes marquee, if we apply in our web / blog, then it becomes like this:

Input Box
Input is the input box on the form that allows the user to enter a string in one line. To create an input box, HTML provides <input> tag and utilize attribute TYPE = "Text".

Another attribute of <input> tag is NAME to declare the name of the input, the VALUE to declare the value of an input, and SIZE to declare the length of an input.

To arrange the letters in HTML tags you can use <FONT> and closing </ FONT>. This tag has several attributes to set the formatting style of a text.

Font Size
Size = n is the attribute that is used to adjust the font size. N value ranges between 0 (smallest size) up to the largest 7. The following example will display the text in various sizes as shown below.

Heading is used to display the name of a particular chapter or section which is considered as the main topic. In HTML there are six levels of headings ranging from tag <H1> until <h6>. You can also use tags to set the font size, eg, the largest with <H1> or makes the smallest with <h6> but this tag is not used for that purpose.

Heading Position

Image is a very important element in presenting information. <img> HTML provides tags for displaying images on your web page.

<IMG SRC="image1.gif" ALT="image1">

HTML command above will display images image1.gif and displays the text "image1" if the browser to turn off graphics viewer facility. Extension of the usual graphic display by the HTML are GIF, JPG, and BMP.
You can also combine graphics with tags <a> to create a link from your image.

Once you make your designs so that you should immediately do is register at one of free web server to put your design. For that you can choose one of the existing free web server.
There are two kinds of free web servers that are allowed to access the cgi-bin directory and free web server that does not allow access to that directory. With access to the cgi-bin then we can put our own script. For example scripts for guest books, mailing lists, counters, etc.. With a script that made itself so you can make a book crammed with guests without the need for advertising.
But before doing the upload (send files to the server) you can equip your website with:

Tables are very important in web design. Because by using the tags table you can create Web pages "divided" on some column or row. There are many website use table to divide the page in order to make the visitor easy in navigating the pages.
There are three tags or elements used in the making table: <TABLE>, <TR>, and <TD>. To remember is that the tab <TR> and <TD> be located between the tags <table> and </table>

<TABLE>
Attributes:

align - alignment: left, middle/center or right.
bgcolor - the background color from the table.
border - the size of the table border width (in pixels).
cellpadding - the distance between cell contents to the cell boundary (in pixels).
cellspacing - the distance between cell (in pixels).
width - the size of table in pixels or percent.

There are three types of lists in html that can be used, namely:

Unordered Lists : <UL> To create a list of items with bullet marks. List entries are defined with the tag <li>.
Example:

<UL>
<li> Item number 1
<li> Item number 2
<li> Item number 3
</UL>

Results from the code above is:
• Item number 1
• Item number 2
• Item number 3
With the TYPE attribute you can define the form of disc, circle or square bullet points.
Example:

<UL COMPACT TYPE=square>

These simple website tips can help you to make your site better :

Creating links without underline
You do not like to underline that there is a link? Below is a trick that you can use to eliminate the bottom line is

<A HREF="page.html" STYLE="TEXT-DECORATION: NONE"> Link without underline </A>

The trick can be used in MS Internet Explorer and Netscape Navigator 4.0 or greater.

Here is some example of frequently used html tags :

<!– –>	To provide comments or information. The sentence which is located on this tag is invisible on the browser
<a href>	Make a link to other pages or to other parts of the page
<a name>	Make section names defined on the links on the same page
<applet>	As a beginning of Java applets
<area>	Defines a area that can be click (link) on the image map
<b>	Make bold text
<basefont>	Make the default text attributes such as type, size and font color
<bgsound>	Giving background noise in web pages
<big>	Increase text size by one point from the default

To get a good web page you must make arrangements to texts such as selecting the type and font size, alignment, etc.. The tags below are commonly used in setting the text in HTML documents:

Headers : <Hn> .. </Hn> Used to adjust the font size in the header. "N" has a value between 1-6 or between <H1> until <h6>, with <H1> is the largest size and <h6> is the smallest size.
Example :

<H2> HTML Tutorial </H2>

HTML (Hypert Text Markup Language) is a programming language used in web page creation. In use most of the HTML code must be located between the tag container. Which begins with <tagname> and end with </tagname> (there is "/" sign).

A web page has a minimum of four to make a tag, namely:

<HTML> As an early sign of an HTML document.
<HEAD> For information on the page header. Inside this tag we can put the tags TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<TITLE> As the title or the title page. Sentences are located inside these tags will appear at the top of your browser (on the title bar).

HTML, which stands for Hypertext Markup Language, is the predominant markup language for web pages. HTML is the basic building-blocks of webpages.

HTML is written in the form of HTML elements consisting of tags, enclosed in angle brackets (like <html>), within the web page content. HTML tags normally come in pairs like <h1> and </h1>. The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags).

The purpose of a web browser is to read HTML documents and compose them into visual or audible web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page.

JavaScript Standard Objects
In JavaScript is also known JavaScript standard object. These objects are standardized by the ECMA Association (European Computer Manufacturer Association). The following is a list of standard JavaScript objects :

Object Name and Description:

Top Website Tutorial

CSS Head Section

CSS Introduction

HTML Form Tutorial

HTML Paragraph

HTML Marquee

HTML Input

HTML Font

Headings

HTML Image

Steps In Making Web Site

HTML Table

HTML Lists

Web Design Tips

HTML Tag

Text Settings

Html Basic Structure

HTML History

JavaScript Standard Objects

Top Comments

Blog Archive