To Insert the Footer Frame
Step 1
To insert the footer frame in the HTML documents. You have to follow the HTML codes as shown below.
You can design an HTML frameset file of two rows without any column for this purpose:
Step 3
Here is the result of the HTML codes.
To Insert the Frame
Step 1
To insert the frame in the HTML document, you have to follow the HTML codes as shown below.
Start designing the frameset with sizes of Rows (rows) and Columns (cols). Indicate a frame name for each, with the browsing features such as 'scrolling' and 'resizing'.
If you have only one (mention the targeted frame name inside Frameset) HTML page to be displayed on 'row' of frameset (in this example), just include one frame name tag.
If you have multiple (mention the targeted frame name inside Frameset) HTML pages to be displayed on 'column' of frameset (in this example), include multiple frame name tags within this column framset.
Step 3
Note that
Here is the result of the HTML codes for a frameset. One frame for the Row and two frames for the Column:
To make the Cells Colorful
Step 1
To change the cells to another color, you have to follow the HTML codes as shown below. Enter a color map value to the bordercolor attribute inside the tag. If you don't have a color map value, you can type in color name, such as blue, yellow, white, red... etc.
| Name | Student ID |
| Wong | 001 |
| kok | 002 |
Step 3
Here is the result of the HTML codes.
To make the Table Colorful
Step 1
To make the table border colorful, you have to follow the HTML codes as shown below. Enter a color map value to the bordercolor attribute inside the Table tag. If you don't have a color map value, you can type in color name, such as blue, yellow, white, red... etc.
#FF00FF">
Name Student ID Wong 001 kok 002
Step 3
Here is the result of the HTML codes.
To Insert Data In the Cell
Step 1
To enter or insert data or text in cells of the table, you have to follow the HTML codes as shown below. The data should be located within the tag set.
Name Student ID Wong 001 kok 002
Step 3
Here is the result of the HTML codes.
To place a Caption In Table
Step 1
To add a title or caption for the HTML table, you have to follow the HTML codes as shown below.
Step 3
Here is the result of the HTML codes.
To Add the Column and Row in the Table
Step 1
To insert the column and row in the table, you have to follow the HTML codes as shown below.
In this example, there are three sets of tag and two sets of tag evenly in each tag. This will display three rows and two columns on this table. There are totally six cells (3x2) on the table:
Step 3
Here is the result of the HTML codes.
To Add a Table
Step 1
To make a table on to an HTML document, you have to follow the HTML codes as shown below. Step 3 Here is the result of the HTML codes for this new HTML table: will display the table border (of thickness '1') across the full HTML page (indicated by width). Within
tag set is tag set, which will display only one cell in one column and one row of this table: 
To Add Password Fields
Step 1
You can design your Password fields on an HTML form. This will display password as text to which the entered text is shown as asterisks.
Step 2
To add a Password field, you have to follow the HTML codes as shown below. The input type, name and size of the password text are .
Example:
Step 3
Here is the result of the HTML codes.
To Add the Button
Step 1
To make a Push button in the HTML documents, you have to follow the HTML codes as shown below. Type in the input type of the HTML form as 'button' and the value will be displayed on the surface of HTML button. This is the format of HTML button on a form:
Example:
Step 3
This is the output as seen in web browser (notice the button at the bottom of the page):
To Add Drop-Down Menu
Step 1
To make a drop-down menu in the HTML documents, you have to follow the HTML codes as shown below. Add multiple selections within Select tag to build HTML drop-down menu:
Step 3
Here is the result of the HTML codes.
To Add a Radio Buttons
Step 1
To make radio buttons in the HTML documents, you have to follow the HTML codes as shown below. The input type for the HTML form is 'Radio'. You can provide a name as a recognization for a web server. You can also provide a value on Radio button and indicate 'checked' so that it was displayed as a checked radio button by default.
Step 3
Here is the result of the HTML codes.
To Add a Check Box
Step 1
To make a check box in the HTML document, you have to follow the HTML codes as shown below. The input type for the HTML form is 'checkbox'. You can provide a name as a recognization for a web server. You can indicate 'ON' on Value so that it was displayed as a checked box on the HTML page by default.
Step 3
Here is the result of the HTML codes.
To Add a Scrolling Text Box
Step 1
To make scrolling text boxes in the HTML documents, you have to follow the HTML codes as shown below. Define the TextArea inside the HTML form. Indicate the number of Row and Column on the TextArea.
Step 3
Here is the result of the HTML codes.
To Add a Text Box
Step 1
To add a Text Box, you have to follow the HTML codes as shown below.
You will need to add FORM to the HTML page before adding any input element. It is in this format which will post all included input information from this form to the web address of an online service as indicated in 'action' attribute.
The online service could be a form mailer program on the web server. Form mailer will email and forward all posted information from the form to the form recipient. For example, a customer can post his order and shipping information in an HTML form (as designed by online store owner) to the online store owner. The store owner will receive his order from the form mailer program. (The topic of Form mailer will not be covered here. It is mostly written and designed in CGI or ASP programming language. Most web hosting providers will provide this utility to the website owners).
In this example, the input type for the HTML form is 'text'. You will need to indicate the Size of the text field.
Step 3
Here is the result of the HTML codes.
To Include Client-Side Imagemaps
Step 1
Client-side imagemaps are the different regions of the image which are specified within the document or in another HTML documents.
Step 2
To include Client-Side Imagemaps, you have to follow the HTML codes as shown below. Follow the image format of 'img' in the HTML codes.
My First Image
This is a picture small picture
To Align Images
Step 1
You can align images by adding the
Step 2
To align Images, you ought to follow the HTML codes as shown below. You can define the alignment of image to left, right, center, top or bottom within an HTML page by typing it in tag:
My First Image
This is a picturealign=Top src="file:///C:/Documents%20and%20Settings/Administrator/My%20Documents/TEX6.JPG" "72" "72">
Step 3
Here is the result of the HTML codes.
To Add an Inline Image
Step
To add an Inline Image, you have to follow the HTML codes as shown below. Set the image border to zero and indicate the location of the image file inside 'SRC'.
My First Image
This is a picture
Step 3
Here is the result of the HTML codes.
To Create Link to Telnet Site
Step 1
The Telnet URL is similar to those used for FTP and Gopher sites.
Step 2
To create link to Telnet Site, you have to follow the HTML codes as shown below. Follow the format of '' and type in the Telnet web address.
To Create Link to Gopher Site
Step 1
To create link to a Gopher Site, you have to follow the HTML codes as shown below. Follow the format of '' and type in the Gopher web address.
To Create Link to FTP Site
Step 1
To do so , you can construct a URL for the file located on the FTP site.
Step 2
To create link to FTP site, you have to follow the HTML codes as shown below. Follow the format of '' and type in the FTP web address. This will allow the web users to transfer file over Internet through the File Transfer Protocol (FTP).
Step 3
Here is the result of the HTML codes.
To Create a Link to a Local Page
Step 1
To create a link to a Local Page, you ought to follow the HTML codes as shown below. Follow the format of '' and type in the path for a local page file.
Step 3
Here is the result of the HTML codes.
To Create Divisions
Step 1
First of all, you have to use
Step 2
To create Divisions, you have to follow the HTML codes as shown below. You can define the alignment of the division to left, center or left by typing one of them inside
Expected fixed costs and running expenses
Fixed Cost
Depreciation of Vehicle
Rental
Depreciation of Equipment
Running Expenses
Labor Cost
Factory Expenses
General Expenses
Step 3
Here is the result of the HTML codes.
To Insert a Block Quotation
Step 1
You can use the to specify that a specific block of text be formatted like a block quotation.
Step 2
To insert a Block Quotation, you have to follow the HTML codes as shown below.
Expected fixed costs and running expenses
Fixed Cost
Depreciation of Vehicle
Rental
Depreciation of Equipment
Running Expenses
Labor Cost
Factory Expenses
General Expenses
Step 3
Here is the result of the HTML codes.
To Include Preformatted Text
Step 1
To do so, you can use the
to display preformatted blocks of text with a fixed-space font.
Step 2
To include Preformatted Text, you have to follow the HTML codes as shown below. Separate different data of categories on a line in blocks by using ';' in between the contents. Check the output of HTML file with preformatted blocks.
TABLE
Capital Collected From
Saving Account ;25%
Borrowing From Friend and Relative ;25%
Bank Loan ;50%
Total Capital ;100%
Expected Income on 1st year
Sales ;100%
Total Cost of Goods Sold ;65%
Gross Profit& ;35%
Employee Costs ;15%
General Administration ;10%
General Expenses ;8%
Total Expenses ;33%
Expected Net Income ;2%
The total capital will need to start the CyberTech Sdn. Bhd. is about RM 5,000,000.
Step 3
Here is the result of the HTML codes.
To work with a Breaking Line at a Critical Point
Step 1
You have to use the
Step 2
To work with a Breaking Line at a Critical Point, you have to follow the HTML codes as shown below. Notice the effect of
Microsoft Internet Explorer version 3.0 and
enables you to control the color of the horizontal line.
Step 3
The picture below show the result of the HTML codes.
To work with Paragraphs Versus Line Breaks
Step 1
This tag allows you to start a new paragraph. You can assign a new attribute if you want.
Step 2
To work with Paragraphs and Line Breaks, use the HTML codes as shown below.
Microsoft Internet Explorer version 3.0 enables you to control the color of the horizontal line.
Consumer will get the information from promotion. Which is provided by the media. After that, consumer can order product from branches
Step 3
Here is the result of the HTML codes.
To Center the Text
Step 1
To center the Text, you ought to follow the HTML codes as shown below. You can define the alignment of text to left, right or center within an HTML page by typing it in HTML tag:
Microsoft Internet Explorer version 3.0 enables you to control the color of the horizontal line.
Step 3
The image below is the result of the HTML codes.
To Modify the Horizontal Line
Step 1
You can change the horizontal line's color, size, and width by using the HTML codes.
Step 2
To modify the Horizontal Line, you have to follow the HTML codes:
will add a horizontal line of size 5 with the specific color and center alignment onto an HTML page. See the example as below:
Microsoft Internet Explorer version 3.0 enables you to control the color of the horizontal line.
Step 3
The picture below shows the result of changing the color of the horizonatal line.
To Add a Horizontal Line
Step 1
You can add a horizontal line to document by using
Step 2
To add a Horizontal Line, you ought to follow the HTML codes as shown below.
Microsoft Internet Explorer version 3.0 enables you to control the color of the horizontal line.
Step 3
Here is the result of the HTML codes. You can see the horizonatal line appeared in the screen.
To Create a Glossary List
Step 1
To create a glossary list, you have to follow the HTML codes as shown below.
The HTML codes as below are the main codes for you to create a Glossart List.
Page lists
Step 2
Continue typing the HTML codes as shown below.
Page lists
Step 3
Here is the result of the HTML codes.
To Create Bulleted List
Step 1
To create bulleted list, you have to use
Student id
Step 2
Just follow the every step as shown below.
Student id
Step 3
Here is the result of the HTML codes.
To Specify the Style and Sequence of Numbering
Step 1
The HTML codes below are teaching you how to specify the style and squence of numbering. The style of the numbers are used to set the starting number of the list.
Phone Number
Phone Number
Step 2
Phone Number
Phone Number
Step 3
Here is the result of the HTML codes.
To Crate a Numbered List
Step 1
The HTML codes below are the examples for you to create the Numbered List.
Phone Number
Step 2
To create a Number List, you ought to follow the HTML codes as shown below.
Phone Number
Step 3
Here is the result of the HTML codes.
To Specify the Address
Step 1
The HTML codes below are used to specify information of the creator on the maintainer of a web page.
www.yahoo.com
Step 2
To specify the Address, you ought to follow the HTML codes as shown below.
www.yahoo.com
Step 3
Here is the result of the HTML codes.
To Indicate Text as Keyboard Input
Step 1
is the HTML code for you to indicate Text as Keyboard Input. First, you have to mark the text.
-L
Step 2
To indicate Text as Keyboard Input, you ought to follow the HTML codes as shown below.
This is my web page
This is my new pageMy home page
Hello this is my first time to design the home page.
Step 3
Here is the result of the HTML codes.
To Provide a Sample of Literal Characters
Step 1
The tag is a sample of literal character.
my first time
Step 2
To provide a Sample of Literal Character, you ought to follow the HTML codes as shown below.
This is my web page
This is my new pageMy home page
Hello this is my first time to design the home page.
Step 3
Here is the result of the HTML codes.
To Include Small Segments of Variables
Step 1
is the HTML code to include Small Segments of Variables. It can be used to show variables from programs or other applications, it often show in italics.
Home Page
Step 2
To include Small Segments of Variables, you ought to follow the HTML codes as shown below.
This is my web page
This is my new pageMy home page
Hello this is my first time to design the home page.
Step 3
Here is the result of the HTML codes.
To Include Small Segments of Code
Step 1
The main HTML codes to include Small Segments of code are shown as below. It can be used to display a section of code from a program.
Home Page
Step 2
To include Small Segments of code, you ought to follow the HTML codes as shown below.
This is my web page
This is my new pageMy home page
Hello this is my first time to design the home page.02-02-2000
Step 3
Here is the result of the HTML codes.
To Emphasize a Defined Term
Step 1
The physical method of emphasizing the word is lefting up to browser. For the HTML codes method, type in the HTML codes as below.
Home Page
Step 2
To emphasize a Defined Term, you ought to follow the HTML codes as shown below.
This is my web page
This is my new pageMy home page
Hello this is my first time to design the home page.02-02-2000
Step 3
Here is the result of the HTML codes.
To Specify a Citation
Step 1
This tag will format a citation by using a style, which build into each of the browser.
02-02-2000
Step 2
To specify a Citation, you ought to follow the HTML code as shown below.
This is my web page
This is my new pageMy home page
Hello this is my first time to design the home page.02-02-2000
Step 3
Here is the result of the HTML codes.
To work with Strong Emphasis
Step 1
You have to use the for generic strong emphasis.
My home page
Step 2
To work with Strong Emphasis, you ought to follow every step of the HTML codes as shown below.
This is my web page
This is my new pageMy home page
Step 3
Here is the result of the HTML codes.
To place Emphasis
Step 1
This tags is use to highlight specific area of the text without requiring the browser to use a specific physical style for them.
This is my web page
Step 2
Here is the result of the HTML codes This is my web page.
To work with Heading Styles
Step 1
You can use the tags to align the headings within various parts of the HTML page, such as left, center or right. Follow the HTML codes as below to do so.
This is my web page
Step 2
To work with Heading Style, you ought to follow the HTML codes as shown below.
This is my web page
This is my new page
Step 3
Here is the result of the HTML codes.
To Specify the Strikethrough Formatting
Step 1
First of all, you have to follow the strikethrough style. The main HTML codes are shown as below.
This is my first home page
Step 2
To Specify the strikethrough Formatting, you ought to follow the HTML codes as shown below.
Hey! This is my first home page
This is my first home page
Step 3
Here is the result of the HTML codes.
To Underline the Text
Step 1
Underling text is a simple process in HTML, the main HTML codes are shown below.
This is my first home page
Step 2
To Underline the text, you ought to follow the HTML codes as shown below.
Hey! This is my first home page
This is my first home page
Step 3
Here is the result of the HTML codes.
To Change Font Color
Step 1
You can change the font color by selecting the portions of the text. The main HTML codes are shown as below.
This is my first home page
Step 2
To change the Font Color, you ought to follow the HTML codes as shown below.
Hey! This is my first home page
This is my first home page
Step 3
Here is the result of the HTML codes.
To Change Font Size
Step 1
By using the elements specified, the enclosed text will be rendered to different font size.
This is my fist home page
This is my first home page
This is my first home page
This is my fist home page
Step 2
To change the Font Size, you have to follow the HTML codes as shown below.
Hey! This is my first home page
This is my fist home page
This is my first home page
This is my first home page
This is my fist home page
Step 3
Here is the result of the HTML codes.
To work with Fixed-Width Font
Step 1
First of all, you have to put the text into a fixed-width font.
This is my first my home page
Step 2
To work with Fixed-Width Font, you have to follow the HTML codes as shown below.
Hey! This is my first home page
Step 3
Here is the result of the HTML codes.
