0% found this document useful (0 votes)
1 views4 pages

HTML All Programs PART-2

The document contains various HTML programs related to lists, hyperlinks, frames, and input tags used in a 12th-grade computer science class. It includes examples of ordered, unordered, and definition lists, as well as internal and external hyperlinks, frame structures, and input forms for username/password, radio buttons, checkboxes, and dropdown lists. Each section is structured with HTML code demonstrating the respective concepts.

Uploaded by

kmotewar2009
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
1 views4 pages

HTML All Programs PART-2

The document contains various HTML programs related to lists, hyperlinks, frames, and input tags used in a 12th-grade computer science class. It includes examples of ordered, unordered, and definition lists, as well as internal and external hyperlinks, frame structures, and input forms for username/password, radio buttons, checkboxes, and dropdown lists. Each section is structured with HTML code demonstrating the respective concepts.

Uploaded by

kmotewar2009
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Dinesh Sir’s ROBOTECH 12th COMPUTER SCIENCE CLASS, Bhagya Nagar, Nanded.

9075361916, 9422174708
Ordered List Program
<HTML>
<HEAD>
<TITLE> Ordered List Program </TITLE>
</HEAD>
<BODY>
<ol type="I" start="4">
<li> C </li>
<li> WT </li>
<li> E-commerce </li>
<li value="11"> OB </li>
<li> Tally </li>
</ol>
</BODY>
</HTML>

Unordered List
<html>
<head>
<title> Unordered List </title>
</head>
<body>
<ul>
<li> C++ </li>
<li> HTML </li>
<li> DS </li>
<li> OS </li>
<li> 8085 </li>
</ul>
</body>
</html>

Definition List
<html>
<head>
<title>Definition List</title>
</head>
<body>
<DL>
<dt> Paper - 1
<dd>C++ </dd>
<dd>HTML </dd>
<dd>OS</dd>
<dd>DS</dd>
</dt>
<dt> Paper - 2
<dd>8085 </dd>
<dd>ALP
<dd>Microcontroller </dd>
<dd>Networking </dd>
</dt>
</dl>
</body>
</html>
Dinesh Sir’s ROBOTECH 12th COMPUTER SCIENCE CLASS, Bhagya Nagar, Nanded. 9075361916, 9422174708
Internal Hyperlink
<html>
<head> <title> Internal Hyperlink </title> </head>
<body>
<a href="#c2"> Goto Chapter-2 <br> </a>
<a href="#c3"> Goto Chapter-3 <br> </a>
<a href="#p"> Chapter-2 Point-10<br> </a>
Chapter-1 <br>
Point- 1<br>Point- 2<br>Point- 3<br>Point- 4<br>Point- 5<br>
Point- 6<br>Point- 7<br>Point- 8<br>Point- 9<br>Point- 10<br>
<br><br>

<a name="c2">Chapter-2 <br></a>


Point- 1<br>Point- 2<br>Point- 3<br>Point- 4<br>Point- 5<br>
Point- 6<br>Point- 7<br>Point- 8<br>Point- 9<br>
<a name="p">Point- 10</a><br>
<br><br>

<a name="c3">Chapter-3 <br></a>a


Point- 1<br>Point- 2<br>Point- 3<br>Point- 4<br>Point- 5<br>
Point- 6<br>Point- 7<br>Point- 8<br>Point- 9<br>Point- 10<br>
<br><br>

</body>
</html>

External Hyperlink / <A> or Anchor tag


<html>
<head>
<title> External Hyperlink </title>
</head>
<body alink="blue" vlink="maroon">
<font size="+3">
<a href="[Link]">Unordered List </a> <br>
<a href="[Link]">Ordered List </a> <br>
<a href="[Link]">Definition List </a> <br>
</font>
</body>
</html>
Dinesh Sir’s ROBOTECH 12th COMPUTER SCIENCE CLASS, Bhagya Nagar, Nanded. 9075361916, 9422174708
FRAME Program
<html>
<head>
<title> Frame </title>
<frameset cols="40,30,30">
<frame src="[Link]">
<frame src="[Link]">
<frame src="[Link]">
</frameset>
</head>
</html>

Nested Frame
<html>
<head>
<title>Nested Frame Program</title>
<frameset cols="40,60">
<frame src="[Link]">
<frameset rows="50,50">
<frame src="[Link]">
<frame src="[Link]">
</frameset>
</frameset>
</head>
<html>

<INPUT> tag : Username and Password Program


<html>
<head> <title> Input Tag </title> </head>
<body>
<form>
Enter Username <input type="text"> <br>
Enter Password <input type="password"> <br>
<input type="submit" value="OK"> <br>
</form>
</body>
</html>

<INPUT> tag : Square and Cube Program


<html>
<head>
<title>Input Tag </title>
</head>
<body >
Enter Number <input type="text" name="a" maxlength="3" size="3"> <BR>
Result <input type="text" name="b"> <BR>
<input type="button" value="Square" onclick="[Link]=[Link]*[Link]">
<input type="button" value="Cube" onclick="[Link]=[Link]*[Link]*[Link]">
</body>
</html>
Dinesh Sir’s ROBOTECH 12th COMPUTER SCIENCE CLASS, Bhagya Nagar, Nanded. 9075361916, 9422174708
<INPUT> tag : Radio Button Program
<html>
<head> <title> Radio Button Program </title> </head>
<body>
Select Branch: <br>
<input type="radio" name="r" value=1>Computer Science <br>
<input type="radio" name="r" value=2>Information Technology<br>
<input type="radio" name="r" value=3>Electronics & Tele. Comm.<br>
<input type="radio" name="r" value=4>Chemical <br>
<input type="radio" name="r" value=5>Civil <br>
<input type="radio" name="r" value=6>Mechanical <br>
</body>
</html>

<INPUT> tag : Checkbox Program


<html>
<head> <title> Check Box Program </title> </head>
<body>
Select Documents : <br>
<input type="checkbox" name="c1" >Aadhar Card <br>
<input type="checkbox" name="c2" >Pan Card<br>
<input type="checkbox" name="c3" >Driving Licence<br>
<input type="checkbox" name="c4" >Leaving Certificate <br>
<input type="checkbox" name="c5"> Marksheet <br>
<input type="checkbox" name="c6" > Bonafide <br>
</body>
</html>

<SELECT> tag : Drop Down List Program


<html>
<head> <title> Select Tag </title> </head>
<body>
Select Products <br>
<select name="p">
<option value=1 >Bag
<option value=2>Books
<option value=3>Pen Drive
<option value=4>Headphone
<option value=5>Speaker
</select>
</body>
</html>

You might also like