Author Archives: Gangadhar Koppella

HTML21 Write HTML code to generate the following output.

Write HTML code to generate the following output:

Table_Pattern_04

 

Table Tags

Colspan and Rowspan Attributes

You will use colspan attribute if you want to merge two or more columns into a single column. Similar way you will use rowspan if you want to merge two or more rows.

HTML_Table_Pattern_Page

HTML_Table_Pattern_Source_Code

Write HTML code to generate the following output:

Table_Pattern_04

Html code:

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>CSSimplified.com HTML21</TITLE>
</HEAD>
<BODY bgColor=”yellow” Text=”blue”>
<TABLE BORDER=”1″ WIDTH=”75%”>
<TR>
<TD WIDTH=”25%” ROWSPAN=”2″>Weather</TD>
<TD WIDTH=”25%” ><B>DELHI</B></TD>
<TD WIDTH=”25%” ><B>MUMBAI</B></TD>
</TR>
<TR>
<TD WIDTH=”25%”>40</TD>
<TD WIDTH=”25%”>35</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Write above code in any text editor and save by htm or html extension and Open it in any browser by double clicking the file like internet explorer.

 

<!DOCTYPE html>

This tag defines the document type and HTML version.

 

<HTML>…</HTML>

This tag encloses the complete HTML document and mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body>…</body> tags.

 

<HEAD>…</HEAD>

This tag represents the document’s header which can keep other HTML tags like <title>, <link> etc.

 

<TITLE> CSSimplified.com HTML 21</TITLE>

The <title> tag is used inside the <head> tag to mention the document title.

 

<BODY>…</BODY>

This tag represents the document’s body which keeps other HTML tags like <h1>, <div>, <p> etc.

 

<TABLE>

The HTML <table> tag is used for defining a table. The table tag contains other tags that define the structure of the table.

 

<TR>

The HTML <tr> tag is used for specifying a table row within a table.

 

<TD>

The HTML <td> tag is used for specifying a cell or table data within a table.

 

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE…> tag along with other HTML tags.

Note:- To understand program for sequence in detail Please SEARCH numerically example: HTML01, HTML02, etc.

HTML20 Design an HTML Page having 3 images placed in the following format

Design an HTML Page having 3 images placed in the following format.

 

Table_Pattern_03

Let us take a look at the syntax of the <IMG> tag:

<IMG SRC = “FILENAME.GIF” WIDTH = “value” HEIGHT = “value” ALT = “alternate text” BORDER = “value” ALIGN = “value”>

  1. SRC: This attribute specifies the pathname to the source file that contains the image. The value in the above example, “image.gif”, means that the browser will look for the image named image.gif in the same folder (or directory) as the html document itself.
  2. WIDTH: This is used for specifying the desired width of the image.
  3. HEIGHT: This is used for specifying the desired height of the image.
  4. BORDER: An important attribute of the IMG tag is BORDER. This attribute specifies the width of the border of the image. By default it is 0, i.e. there is no border. As shown in Figure 2.9 the image “image.gif” has been given a border 2 pixel wide. The following code gives a wider border to the above image. <BODY BGCOLOUR=”#FFFFFF”> <IMG SRC=”image.gif” WIDTH=130 HEIGHT=101 BORDER=10> </BODY>
  5. ALT: Another IMG attribute that is important is ALT. ALT is sort of a substitute for the image that is displayed or used when the user is using a browser that does not display images. Someone may be using a text only browser, he may have image loading turned off for speed or he may be using a voice browser (a browser where the web page is read out). In those cases, that ALT attribute could be very important to your visitor as it could be used (given the proper text) to describe the image that is not on the screen.

HTML_Table_Image_Pattern_Page

HTML_Table_Image_Pattern_Source_Code

Design an HTML Page having 3 images placed in the following format.

Table_Pattern_03

Html code:

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>CSSimplified.com HTML20</TITLE>
</HEAD>
<BODY bgColor="yellow" Text="blue">
<TABLE BORDER="0" WIDTH="45%">
<TR>
<TD WIDTH="15%">
<IMG SRC="html.jpg" WIDTH="180" HEIGHT="120"></TD>
<TD WIDTH="17%"></TD>
<TD WIDTH="68%"></TD>
</TR>
<TR>
<TD WIDTH="15%"></TD>
<TD WIDTH="17%">
<IMG SRC="html.jpg" WIDTH="180" HEIGHT="120"></TD>
<TD WIDTH="68%"></TD>
</TR>
<TR>
<TD WIDTH="15%"></TD>
<TD WIDTH="17%"></TD>
<TD WIDTH="68%">
<IMG SRC="html.jpg" WIDTH="180" HEIGHT="120"></TD>
</TR>
</TABLE>
</BODY>
</HTML>

Write above code in any text editor and save by htm or html extension and Open it in any browser by double clicking the file like internet explorer.

 

<!DOCTYPE html>

This tag defines the document type and HTML version.

 

<HTML>…</HTML>

This tag encloses the complete HTML document and mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body>…</body> tags.

 

<HEAD>…</HEAD>

This tag represents the document’s header which can keep other HTML tags like <title>, <link> etc.

 

<TITLE> CSSimplified.com HTML 20</TITLE>

The <title> tag is used inside the <head> tag to mention the document title.

 

<BODY>…</BODY>

This tag represents the document’s body which keeps other HTML tags like <h1>, <div>, <p> etc.

 

<TABLE>

The HTML <table> tag is used for defining a table. The table tag contains other tags that define the structure of the table.

 

<TR>

The HTML <tr> tag is used for specifying a table row within a table.

 

<TD>

The HTML <td> tag is used for specifying a cell or table data within a table.

 

<IMG>

The HTML <img> tag is can be used for displaying an image with the desired height and width.

 

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE…> tag along with other HTML tags.

Note:- To understand program for sequence in detail Please SEARCH numerically example: HTML01, HTML02, etc.

HTML19 Create the following table in HTML with Different colors

Create the following table in HTML with Different colors.

Table_Pattern_02 

Table Tags

 BGCOLOUR Attributes

It can be used for changing the background colour of the table. By default the background colour is same as of the page colour.

Colspan and Rowspan Attributes

You will use colspan attribute if you want to merge two or more columns into a single column. Similar way you will use rowspan if you want to merge two or more rows.

HTML_Table_Different_Colour_Page

HTML_Table_Different_Colour_Source_Code

Create the folloing table in HTML with Different colors.

Table_Pattern_02

 Html code:

 

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>CSSimplified.com HTML19</TITLE>
</HEAD>
<BODY bgColor="yellow" Text="blue">
<TABLE BORDER="1" WIDTH="100%">
<TR>
<TD WIDTH="100%" BGCOLOR="white" COLSPAN="3">Color(White)</TR>
<TR>
<TD WIDTH="33%" bgColor="red">RED</TD>
<TD WIDTH="33%" BGCOLOR="green">GREEN</TD>
<TD WIDTH="33%" BGCOLOR="black">BLACK</TD>
</TR>
<TR>
</TR>
</TABLE>
</BODY>
</HTML>

Write above code in any text editor and save by htm or html extension and Open it in any browser by double clicking the file like internet explorer.

 

<!DOCTYPE html>

This tag defines the document type and HTML version.

 

<HTML>…</HTML>

This tag encloses the complete HTML document and mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body>…</body> tags.

 

<HEAD>…</HEAD>

This tag represents the document’s header which can keep other HTML tags like <title>, <link> etc.

 

<TITLE> CSSimplified.com HTML 19</TITLE>

The <title> tag is used inside the <head> tag to mention the document title.

 

<BODY>…</BODY>

This tag represents the document’s body which keeps other HTML tags like <h1>, <div>, <p> etc.

 

<TABLE>

The HTML <table> tag is used for defining a table. The table tag contains other tags that define the structure of the table.

 

<TR>

The HTML <tr> tag is used for specifying a table row within a table.

 

<TD>

The HTML <td> tag is used for specifying a cell or table data within a table.

 

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE…> tag along with other HTML tags.

Note:- To understand program for sequence in detail Please SEARCH numerically example: HTML01, HTML02, etc.

HTML18 Create the following table in HTML with Dummy Data

Create the following table in HTML with Dummy Data

Table_Pattern_01 

Table Tags

Colspan and Rowspan Attributes

You will use colspan attribute if you want to merge two or more columns into a single column. Similar way you will use rowspan if you want to merge two or more rows.

HTML_Table_Rowspan_Colspan_Page

HTML_Table_Rowspan_Colspan_Source_Code

 

Create the following table in HTML with Dummy Data

Table_Pattern_01Html code:

 <!DOCTYPE html>
 
<HTML>
<HEAD>
<TITLE>CSSimplified.com HTML18</TITLE>
</HEAD>
<BODY bgColor="yellow" Text="blue">
<TABLE BORDER="5" WIDTH="100%">
<TR>
<TD WIDTH="5%" ROWSPAN="2"><B>TrainNo.</B></TD>
<TD WIDTH="15%" ROWSPAN="2"><B>Name of Train</B></TD>
<TD WIDTH="15%" ROWSPAN="2"><B>Place</B></TD>
<TD WIDTH="15%" ROWSPAN="2"><B>Destination</B></TD>
<TD WIDTH="30%" ALIGN="center" COLSPAN="2"><B>Time</B></TD>
<TD WIDTH="15%" ROWSPAN="2"><B>Fare</B></TD>
</TR>
<TR>
<TD WIDTH="15%"><B>Arrival</B></TD>
<TD WIDTH="15%"><B>Departure</B></TD>
</TR>
<TR>
<TD WIDTH="5%">1029</TD>
<TD WIDTH="15%">Intercity</TD>
<TD WIDTH="15%">Mumbai</TD>
<TD WIDTH="15%">Pune</TD>
<TD WIDTH="15%">6.45</TD>
<TD WIDTH="15%">11.50</TD>
<TD WIDTH="15%">250</TD>
</TR>
<TR>
<TD WIDTH="5%">1312</TD>
<TD WIDTH="15%">Rajdhani</TD>
<TD WIDTH="15%">Delhi</TD>
<TD WIDTH="15%">Jaipur</TD>
<TD WIDTH="15%">10.15</TD>
<TD WIDTH="15%">19.00</TD>
<TD WIDTH="15%">1600</TD>
</TR>
</TABLE>
</BODY>
</HTML>

 

Write above code in any text editor and save by htm or html extension and Open it in any browser by double clicking the file like internet explorer.

 

<!DOCTYPE html>

This tag defines the document type and HTML version.

 

<HTML>…</HTML>

This tag encloses the complete HTML document and mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body>…</body> tags.

 

<HEAD>…</HEAD>

This tag represents the document’s header which can keep other HTML tags like <title>, <link> etc.

 

<TITLE> CSSimplified.com HTML 18</TITLE>

The <title> tag is used inside the <head> tag to mention the document title.

 

<BODY>…</BODY>

This tag represents the document’s body which keeps other HTML tags like <h1>, <div>, <p> etc.

 

<TABLE>

The HTML <table> tag is used for defining a table. The table tag contains other tags that define the structure of the table.

 

<TR>

The HTML <tr> tag is used for specifying a table row within a table.

 

<TD>

The HTML <td> tag is used for specifying a cell or table data within a table.

 

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE…> tag along with other HTML tags.

Note:- To understand program for sequence in detail Please SEARCH numerically example: HTML01, HTML02, etc.

HTML17 Create a Web page, which should contain a table having two rows and two columns fill in some dummy data in the table created

Create a Web page, which should contain a table having two rows and two columns fill in some dummy data in the table created.

 

Table, TR and TD Tags

Three tags form the essential ingredients for creating a table.

TABLE: This is the main tag. It tells the browser that a table follows. It has attributes like size and border width.

TR: A TableRow defines a horizontal row that consists of TableData cells.

TD: This tag specifies an individual block or cell in a table row.

Thus a table is made up of rows, which in turn are made up of cells.

HTML_Table_2_Rows_2_Columns_with_Data_PageHTML_Table_2_Rows_2_Columns_with_Data_Source_Code

 

Create a Web page, which should contain a table having two rows and two columns fill in some dummy data in the table created.

 

Html code:

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>CSSimplified.com HTML17</TITLE>
</HEAD>
<BODY bgColor="yellow" Text="blue">
<BODY>
<TABLE BORDER="2" WIDTH="100%">
<TR>
<TD WIDTH="50%">Name</TD>
<TD WIDTH="50%">GANGADHAR</TD>
</TR>
<TR>
<TD WIDTH="50%">Age</TD>
<TD WIDTH="50%">24 yrs</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Write above code in any text editor and save by htm or html extension and Open it in any browser by double clicking the file like internet explorer.

 

<!DOCTYPE html>

This tag defines the document type and HTML version.

 

<HTML>…</HTML>

This tag encloses the complete HTML document and mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body>…</body> tags.

 

<HEAD>…</HEAD>

This tag represents the document’s header which can keep other HTML tags like <title>, <link> etc.

 

<TITLE> CSSimplified.com HTML 17</TITLE>

The <title> tag is used inside the <head> tag to mention the document title.

 

<BODY>…</BODY>

This tag represents the document’s body which keeps other HTML tags like <h1>, <div>, <p> etc.

 

<TABLE>

The HTML <table> tag is used for defining a table. The table tag contains other tags that define the structure of the table.

 

<TR>

The HTML <tr> tag is used for specifying a table row within a table.

 

<TD>

The HTML <td> tag is used for specifying a cell or table data within a table.

 

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE…> tag along with other HTML tags.

Note:- To understand program for sequence in detail Please SEARCH numerically example: HTML01, HTML02, etc.

HTML16 Create a Web page, which should contain a table having two rows and two columns.

Create a Web page, which should contain a table having two rows and two columns.

 

Table, TR and TD Tags

Three tags form the essential ingredients for creating a table.

TABLE: This is the main tag. It tells the browser that a table follows. It has attributes like size and border width.

TR: A TableRow defines a horizontal row that consists of TableData cells.

TD: This tag specifies an individual block or cell in a table row.

Thus a table is made up of rows, which in turn are made up of cells.

HTML_Table_2_Rows_2_Columns_Page HTML_Table_2_Rows_2_Columns_Source_Code

 

Create a Web page, which should contain a table having two rows and two columns.

 

Html code:

 

<!DOCTYPE html>
 
<HTML>
<HEAD>
<TITLE>CSSimplified.com HTML16</TITLE>
</HEAD>
<BODY bgColor="yellow" Text="blue">
<BODY>
<TABLE BORDER="2" WIDTH="100%">
<TR>
<TD WIDTH="50%">1</TD>
<TD WIDTH="50%">2</TD>
</TR>
<TR>
<TD WIDTH="50%">3</TD>
<TD WIDTH="50%">4</TD>
</TR>
</TABLE>
</BODY>
</HTML>

 

Write above code in any text editor and save by htm or html extension and Open it in any browser by double clicking the file like internet explorer.

 

<!DOCTYPE html>

This tag defines the document type and HTML version.

 

<HTML>…</HTML>

This tag encloses the complete HTML document and mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body>…</body> tags.

 

<HEAD>…</HEAD>

This tag represents the document’s header which can keep other HTML tags like <title>, <link> etc.

 

<TITLE> CSSimplified.com HTML 16</TITLE>

The <title> tag is used inside the <head> tag to mention the document title.

 

<BODY>…</BODY>

This tag represents the document’s body which keeps other HTML tags like <h1>, <div>, <p> etc.

 

<TABLE>

The HTML <table> tag is used for defining a table. The table tag contains other tags that define the structure of the table.

 

<TR>

The HTML <tr> tag is used for specifying a table row within a table.

 

<TD>

The HTML <td> tag is used for specifying a cell or table data within a table.

 

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE…> tag along with other HTML tags.

Note:- To understand program for sequence in detail Please SEARCH numerically example: HTML01, HTML02, etc.

HTML15 Create a web page, showing an unordered list of names of five of your friends

Create a web page, showing an unordered list of names of five of your friends.

 

Unordered Lists

First, we will build an unordered list. Sometimes, these lists are also called bulleted lists. These lists are characterized by list items that do not have numbers. They are used when the points in the list have no particular order. They are delimited by the <UL> and </UL> tags. Each point in the list is delimited by the <LI> and </LI> tags.

HTML_Nested_List_Page HTML_Nested_List_Source_Code

Create a web page, showing an unordered list of names of five of your friends.

Html code:

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>CSSimplified.com HTML15</TITLE>
</HEAD>
<BODY bgColor="clay" Text="blue">
<P ALIGN="center"><FONT SIZE="5"><B>CSSimplified.com examples..</B></FONT></P>
<P ALIGN="center"><FONT FACE="verdana" SIZE="5"><B>Friends List</B></FONT></P>
<UL>
<LI>Prachi</LI>
<LI>Rohan</LI>
<LI>Chirag</LI>
<LI>Kunal</LI>
<LI>Milin</LI>
</UL>
</BODY>
</HTML>

Write above code in any text editor and save by htm or html extension and Open it in any browser by double clicking the file like internetexplorer.

 

<!DOCTYPE html>

This tag defines the document type and HTML version.

 

<HTML>…</HTML>

This tag encloses the complete HTML document and mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body>…</body> tags.

 

<HEAD>…</HEAD>

This tag represents the document’s header which can keep other HTML tags like <title>, <link> etc.

 

<TITLE>CSSimplified.com HTML 13</TITLE>

The <title> tag is used inside the <head> tag to mention the document title.

 

<BODY>…</BODY>

This tag represents the document’s body which keeps other HTML tags like <h1>, <div>, <p> etc.

 

<P ALIGN=”center”>…</P>

The HTML <p> tag defines a paragraph of text.

 

<UL>

The HTML <ul> tag is used for creating an unordered list.

 

<LI>

The HTML <li> tag is used for specifying a list item in ordered, unordered, directory, andmenu lists.

 

<FONT>…</FONT>

The HTML <font> tag is used to specify the font of the text. It is deprecated in HTML as well as in XHTML.

 

<B>…</B>

The HTML <b> tag specifies bold text.

 

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE…> tag along with other HTML tags.

Note:- To understand program for sequence in detail Please SEARCH numerically example: HTML01, HTML02, etc.

HTML14 Create an HTML document containing a nested list showing the content page of any book

Create an HTML document containing a nested list showing the content page of any book.

 

Nested list

A nested list is simply a list

 

Unordered Lists

First, we will build an unordered list. Sometimes, these lists are also called bulletedlists. These lists are characterized by list items that do not have numbers. They are used whenthe points in the list have no particular order. They are delimited by the<UL> and </UL> tags. Each point in the list is delimited by the <LI> and </LI> tags.

 

Ordered Lists

Lists having numbered items are known as ordered lists. They are used when the items inthe list have a natural order. They can also be used when the number ofitems in the list needs to be known at a glance. To make an ordered list, simply change the <UL> tag to<OL>.

HTML_Nested_List_Page

HTML_Nested_List_Source_Code

Create an HTML document containing a nested list showing the content page of any book.

Html code:

 

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>CSSimplified.com HTML14</TITLE>
</HEAD>
<BODY bgColor="clay" Text="blue" Link="blue" VLink="green" ALink="red">
<P ALIGN="center"><FONT SIZE="5"><B>CSSimplified.com examples..</B></FONT></P>
<P ALIGN="center"><FONT FACE="verdana" SIZE="5"><B>Dishes</B></FONT></P>
<OL>
<LI>Punjabi</LI>
<UL>
<LI>Veg. Muglai</LI>
<LI>Veg. Tawa Masala</LI>
<LI>Paneer Tikka Masala</LI>
<LI>Paneer Makhanwala</LI>
<LI>Paneer Pasanda</LI>
</UL>
<LI>Chinese</LI>
<UL>
<LI>American Copsuey</LI>
<LI>Veg. Hakka Noodels</LI>
<LI>Veg. Shezwan Rice</LI>
<LI>Veg. Fried Rice</LI>
<LI>Veg. Triple Rice</LI>
</UL>
<LI>Soups</LI>
<UL>
<LI>Sweet Corn Soup</LI>
<LI>Veg. Manchow Soup</LI>
<LI>Tomato soup</LI>
<LI>Hot n Saur Soup</LI>
<LI>Palak Soup</LI>
</UL>
<LI>Juices</LI>
<UL>
<LI>Mosambi</LI>
<LI>Pineapple</LI>
<LI>Orange</LI>
<LI>WaterMelon</LI>
<LI>Grapes</LI>
</UL>
<LI>Soups</LI>
<UL>
<LI>Sweet Corn Soup</LI>
<LI>Veg. Manchow Soup</LI>
<LI>Tomato soup</LI>
<LI>Hot n Saur Soup</LI>
<LI>Palak Soup</LI>
</UL>
<LI>Juices</LI>
<UL>
<LI>Mosambi</LI>
<LI>Pineapple</LI>
<LI>Orange</LI>
<LI>WaterMelon</LI>
<LI>Grapes</LI>
</UL>
</OL>
</BODY>
</HTML>

 

 

Write above code in any text editor and save by htm or html extension and Open it in any browser by double clicking the file like internetexplorer.

 

<!DOCTYPE html>

This tag defines the document type and HTML version.

 

<HTML>…</HTML>

This tag encloses the complete HTML document and mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body>…</body> tags.

 

<HEAD>…</HEAD>

This tag represents the document’s header which can keep other HTML tags like <title>, <link> etc.

 

<TITLE>CSSimplified.com HTML 15</TITLE>

The <title> tag is used inside the <head> tag to mention the document title.

 

<BODY>…</BODY>

This tag represents the document’s body which keeps other HTML tags like <h1>, <div>, <p> etc.

 

<PALIGN=”center”>…</P>

The HTML <p> tag defines a paragraph of text.

 

<FONT>…</FONT>

The HTML <font> tag is used to specify the font of the text. It is deprecated in HTML as well as in XHTML.

 

<B>…</B>

The HTML <b> tag specifies bold text.

 

<OL>

The HTML <ol> tag is used for creating an ordered list.

 

<LI>

The HTML <li> tag is used for specifying a list item in ordered, unordered, directory, and

menu lists.

 

<UL>

The HTML <ul> tag is used for creating an unordered list.

 

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE…> tag along with other HTML tags.

Note:- To understand program for sequence in detail Please SEARCH numerically example: HTML01, HTML02, etc.

HTML13 Create a Web page, showing an ordered list of the names of five of your friends.

Create a Web page, showing an ordered list of the names of five of your friends.

 

Ordered Lists

Lists having numbered items are known as ordered lists. They are used when the items in the list have a natural order. They can also be used when the number of items in the list needs to be known at a glance. To make an ordered list, simply change the <UL> tag to <OL>.

 HTML_Friends_Ordered_List_Source_Code

HTML_Friends_Ordered_List_Page

Create a Web page, showing an ordered list of the names of five of your friends.

 

Html code:

 

<!DOCTYPE html>
 
<HTML>
<HEAD>
<TITLE>CSSimplified.com HTML13</TITLE>
</HEAD>
<BODY bgColor="clay" Text="blue">
<P ALIGN="center"><FONT SIZE="5"><B>CSSimplified.com examples..</B></FONT></P>
<P ALIGN="center"><FONT FACE="verdana" SIZE="5"><B>Friends List</B></FONT></P>
<OL>
<LI>Prachi</LI>
<LI>Rohan</LI>
<LI>Chirag</LI>
<LI>Kunal</LI>
<LI>Milin</LI>
</OL>
</BODY>
</HTML>

 

Write above code in any text editor and save by htm or html extension and Open it in any browser by double clicking the file like internetexplorer.

 

<!DOCTYPE html>

This tag defines the document type and HTML version.

 

<HTML>…</HTML>

This tag encloses the complete HTML document and mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body>…</body> tags.

 

<HEAD>…</HEAD>

This tag represents the document’s header which can keep other HTML tags like <title>, <link> etc.

 

<TITLE>CSSimplified.com HTML 13</TITLE>

The <title> tag is used inside the <head> tag to mention the document title.

 

<BODY>…</BODY>

This tag represents the document’s body which keeps other HTML tags like <h1>, <div>, <p> etc.

 

<P ALIGN=”center”>…</P>

The HTML <p> tag defines a paragraph of text.

 

<OL>

The HTML <ol> tag is used for creating an ordered list.

 

<LI>

The HTML <li> tag is used for specifying a list item in ordered, unordered, directory, andmenu lists.

 

<FONT>…</FONT>

The HTML <font> tag is used to specify the font of the text. It is deprecated in HTML as well as in XHTML.

 

<B>…</B>

The HTML <b> tag specifies bold text.

 

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE…> tag along with other HTML tags.

Note:- To understand program for sequence in detail Please SEARCH numerically example: HTML01, HTML02, etc.

HTML12 Write HTML code to create a Web page of pink colour and display a moving message in red colour.

Write HTML code to create a Web page of pink colour and display a moving message in red colour.

 HTML_Marquee_Source_Code

HTML_Marquee_Page

Write HTML code to create a Web page of pink colour and display a moving message in red colour.

 

Html code:

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>CSSimplified.com HTML12</TITLE>
</HEAD>
<BODY BGCOLOR="pink">
<MARQUEE>
<FONT FACE="verdana" COLOR="red" SIZE="5">
<B>CSSimplified.com</B>
</FONT>
</MARQUEE>
</BODY>
</HTML>

Write above code in any text editor and save by htm or html extension and Open it in any browser by double clicking the file like internetexplorer.

 

<!DOCTYPE html>

This tag defines the document type and HTML version.

 

<HTML>…</HTML>

This tag encloses the complete HTML document and mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body>…</body> tags.

 

<HEAD>…</HEAD>

This tag represents the document’s header which can keep other HTML tags like <title>, <link> etc.

 

<TITLE>CSSimplified.com HTML 12</TITLE>

The <title> tag is used inside the <head> tag to mention the document title.

 

<BODY>…</BODY>

This tag represents the document’s body which keeps other HTML tags like <h1>, <div>, <p> etc.

 

<MARQUEE >…</MARQUEE >

An HTML marquee is a scrolling piece of text displayed either horizontally across or vertically down your webpage depending on the settings. This is created by using HTML <marquees> tag.

 

<FONT>…</FONT>

The HTML <font> tag is used to specify the font of the text. It is deprecated in HTML as well as in XHTML.

 

<B>…</B>

The HTML <b> tag specifies bold text.

 

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE…> tag along with other HTML tags.

Note:- To understand program for sequence in detail Please SEARCH numerically example: HTML01, HTML02, etc.