Comp. File Index Only

SR.
PROGRAMS TEACHERS’
NO. SIGN
1. Design a web page using HTML using
Heading Tab
2. Design a web page using HTML to
show using p, hr, br tags
text formatting tag
font formatting tag
text and image marquee tag
bgcolor and pre tag
internal linking in a web page
external linking
background image on a web page
insertion of image with all attributes
image as a hyperlink
unordered list
ordered list
definition list
nested list
inserting a table in a webpage
inserting table with all attributes
Rowspan & colspan attributes in table
Frameset tag
Communication between frames
Form tag
1. Design a web page using basics of HTML using heading tag
<html>
<head>
<title>Heading Tag</title>
</head>
<body>
<h1>Welcome to html</h1>
<h2> My name is Anshul</h2>
<h3>I am studying in B.B.A.</h3>
<h4>I like technology very much</h4>
<h5>It is the heading tag of HTML</h5>
</body>
</html>
2. Design a web page using HTML to show paragraph using p,
br, hr, tag
<html>
<head>
<title>Chapter 2</title>
<body>
<centre><h1> Chapter 2</h1></centre>
<p align = left> HTML stands for Hyper Text Markup Language.
HTML is the language used for creating web pages. It provides a
number of commands that can be used to place and format text,
pictures, and sound on web pages. These commands are known
as Tags and Markup. <br>
<p align = centre > HTML is very easy to use. Web documents are
typically written in HTML using any text editor such as windows
notepad and usually named with the suffix .html or .htm. <br>
<p align = right> After entering the HTML code in a file you can
view it using any web browser like Microsoft Internet Explorer
or Google Crome. <br>
</p>
</body>
</head>
</html>
3. Design a web page using HTML using text formatting tag
<html>
<head>
<title>text formatting</title>
</head>
<body>
text is in by default base font.<br>
<basefont size =9>honesty is the best policy.<br>
<basefont size=15>change life not goals.<br>
<basefont size=20>experience makes man succees<br>
<i>italic tag</i><br>
<b>bold tag</b><br>
<u>underline the text.</u><br>
<s>this tag strikes the text.</s><br>
superscript tag like x<sup>5</sup><br>
subscript tag like h<sub>2</sub>o<br>
</body>
</html>
4. Design a web page using HTML using font formatting tag
<html>
<head>
<title>fonts</title>
</head>
<body>
<basefont size=9><font face="goudy stout">
computer is the master of masters.
</font><br>
<font face="goudy stout"size=2>
computer is the brain of world.</font><br>
<font face="goudy stout">text is in arial goudy
stout.</font><br>
</body>
</html>
5. Design a web page using HTML using text and image marquee
tag
<html>
<head>
<title>marquee</title>
</head>
<body>
<marquee behavior="alternate"bgcolor="blue">
BBA MANAGEMENT
</marquee>
<marquee
behavior="scroll"bgcolor="green">
DN COLLEGE
</marquee> <marquee
behavior="scroll"bgcolor="red"direction="righ">
Hisar
</marquee>
<marquee behavior"scroll"bgcolor="skyblue"hspace="40">
<img src="CHIKA.JPG"width=400 height=200>
</marquee>
</body>
</html>
6. Design a web page using HTML using bgcolor and pre tag
<html>
<head>
<title>pre tag</title>
</head>
<body>
<body bgcolor="green">
<pre>
<font size=10><center> HTML</center></font>
<body text="red"> <font size="5",style=black oblique>
HTMLstands for Hyper Text Markup Language.</font
style><br>
house no. - 20
pla,
hisar.
</font>
</pre>
</body>
</html>
7. Design a web page using HTML using internal linking in
webpage
<html>
<head>
<title>internal linking</title>
<body>
<p align="right">
<fontsize=8, color="red">BBA MANAGEMENT</font><br><br>
<font size=6,font color="green">Section 1<br><br>
section 2<br><br>
section 3<br><br>
<a name="c4">section4</a><br><br>
section 5<br><br>
section 6<br><br>
section 7<br><br>
section 8<br><br>
section 9<br><br>
section 10<br><br>
section 11<br><br>
</p>
<a href= "#c4"> go to section 4</a>
</body>
</head>
</html>
8. Design a web page using HTML using external linking
<html>
<head>
<title>external linking</title>
<body>
<ahref=”2.html”>visit my html page</a>
</body>
</html>
9. Design a web page using HTML using background image on
the webpage
<html>
<head>
<title>background image</title>
</head>
<body background="chika.jpg">
</body>
</html>
10. Design a web page using HTML using image on a webpage
with all attributes
<html>
<head>
<title>image</title>
</head>
<body bgcolor=red>
<font size=8><font color=green>Adding Image of a
Flower</font><br>
<img src="chika.jpg" width=250 height=150 border=3 title="A
beautiful flower">
</body>
</html>
11. Design a web page using HTML using image as a hyperlink
<html>
<head>
<title>image hyperlink</title>
</head>
<body>
<p>click at the image</p>
<a href="MY1.html">
<img src="chika.jpg">
</a>
</body>
</html>
12. Design a web page using HTML using unordered list
<html>
<head>
<title>list</title>
</head>
<body>
<ul type=squre>
<li>object oriented programming
<li>database management system
<li>web desining
<li>relational database management system
</ul>
</body>
</html>
13. Design a web page using HTML using ordered list
<html>
<head>
<title>ordered list</title>
</head>
<body>
<ol type=1>
<li>program for html
<li>program using heading tag
<li>program for marquee
<li>program for creation of homepage
</ol><br>
<ol type=A>
<li>program for background image
<li>program for text formatting
<li>program for image as hyperlink
<li>program for list
</ol>
<ol type=i>
<li>unordered list
<li>ordered list
<li>definition list
<li>nested list
</ol><br>
</body>
</html>
14. Design a web page using HTML using definition list
<html>
<head>
<title>definition list</title>
</head>
<body>
<dl>
<dt>Web Designing
<dd>Web designing refers to creation of webpages. It is done
by html programming language.
<dt>HTML
<dd>HTML=Hyper Text Markup Language
</dl>
</body>
</html>
15. Design a web page using HTML using nested list
<html>
<head>
<title>nested list</title>
</head>
<body>
<ol type=A>
<li>input device
<ul type=circle>
<li>keyboard
<li>mouse
<li>light pen
</ol>
<ol type=1>
<li>output devices
<ul type=square>
<li> monitor
<li>vdu
</ol>
</body>
</html>
16. Design a web page using HTML using inserting a table in a
webpage
<html>
<head>
<title>table</title>
</head>
<body>
<table>
<tr>
<th>Name</th>
<th>Marks</th>
</tr>
<tr>
<td>Somduttt</td>
<td>82</td>
</tr>
<td>Hinaya</td>
<td>90</td>
</tr>
</table>
</body>
</html>
17. Design a web page using HTML using inserting table with
all attributes
<html>
<head>
<title>Table with all attributes</title>
</head>
<body>
<center>
<b>DN COLLEGE,HISAR</b><br>
<table border=5 width=60%>
<table bgcolor=”red”>
<b>Marks detail</b>
</caption>
</center>
<tr>
<th>Name</th>
<th> Class</th>
<th>Marks</th>
</tr>
<tr align=center>
<td>Somdutt</td> <td>BBA final</td>
<td>80</td>
</tr>
<tr align=centre>
<td>Hinaya</td>
<td>nursery</td>
<td>90</td>
</tr></body>
</html>
18. Design a web page using HTML using Rowspan & colspan
attributes in table
<html><head>
<title>table</title>
</head>
<body>
<p align=centre><font size=6><font color="red"<b><marquee
behavior="alternate">DN COLLEGE
HISAR</marquee></b><font></font></p>
<centre>
<table border=6 bgcolor="pink"width=90%
<Tr align=centre>
<th><font size=4>Class</font></th>
<th><font size=4>Roll. No.</font></th>
<th align=left><font size=4>Name</font></th>
<th> Marks</th>
</tr>
<tr align=centre>
<td rowspan=3><font size=4><b>BBA final</b></font></td>
<td>7201</td>
<td align=left>Amit</td>
<td>80</td>
</tr>
<tr align=centre>
<td>7202</td>
<td align=left> Ram</td>
<td>89</td>
</tr>
<tr align=centre>
<td>7203</td>
<td align=left>Alka</d>
<td>100</td>
</tr>
</table>
</centre>
</body>
</html>
Frameset tag
<html>
<frameset cols="200,*">
<frame src="my1.html"name="menu">
<frame src="my5.html">name="main">
</frameset>
</html>
Communication between frames
<html>
<frameset rows="70,*">
<frame src=my2.html>
<frameset cols="40%,*">
<frame src="my6.html">
<frameset cols="60%">
<frame src="my5.html">
</frameset>
</frameset>
</frameset>
</html>
Form tag
<html>
<head>
<title>Form Tag</title>
</head>
<body>
<p align=”center”><br><u>Admission Form</u><br></p>
<form>
Name<input Type=”text”name=”text1”size=30”><br><br>
father’s Name<input
Type=”text”name=”text2”size=30”><br><br>
Mothers’ Name<input
Type=”text”name=”text1”size=30”><br><br>
city<input Type=”text”name=”text4”size=30”><br><br>
<p>Gender</p>
<input
type=”checkbox”name=”option1”value=”male”checked>male
<br><br>
<input
type=”checkbox”name=”option2”value=”female”checked>mal
e<br><br>
<p>category</p>
<input
<type=”radio”name=”option”value=”general”checked>genera
l<br><br>
<type=”radio”name=”option”value=”SC”checked>SC<br><br>
<type=”radio”name=”option”value=”ST”checked>ST<br><br>
<type=”radio”name=”option”value=”OBC”checked>OBC<br><
br>
<type=”radio”name=”option”value=”BC”checked>BC<br><br>
<select name=”qul”><option value=”10th>10th
<option value=”10+2th>10+2th
<Option value=”Degree>Degree
</select>Qualification<br><br><br><br>
<input type=”submit”value=”submit”>
<input type=”reset”value=”reset”>
</forms>
</body>
</html>

Comp. File Index Only

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Comp. File Index Only

Transféré par

Droits d'auteur :

Formats disponibles

SR.

Vous aimerez peut-être aussi