college bca html practical file

Html File Submitted By Ranjeet Singh

1


S.No

Topic Example

1 Write a codes to create a web page using

Ex-1

following tags:a)Text b) Marquee

c) Character formatting tags such as B , I , U.

2 Write a codes to create a web page using font

Ex-2

Color , font face , font size ,background color.


EX-3

Paragraph tags such as P tag and BR tag.


Ex-4

Nesting of lists.


Ex-5

Image tags with height and width and alsoUsed for background image.


Ex-6

Table tags a)Create table of 3 rows andColumns b)Having border , border size,border color c)Image in a particular

2

INDEX


cell.


Ex-7

Table tags a)Using rowspan and columnspanb)Background Image in a table.


Ex-8

Form tag. Example:- Admission Form.

9 Create a web page using frame tag a)rows

Ex-9

And columns b)border and border color.

3


Example -1

<html>

<head>

<title>Text Tag</title>

</head>

<body>

<h><br><br><marquee>

<b><i><u>STUDENT LIFE

</b></i></u>

</marquee></h>

</body></html>

4


5


Example -2

<html>

<head><title>Font Tag</title></head>

<body bgcolor="FFFFOO">

<br><br><br>

<font face="comic sans MS" size="15" color="red">

BBK DAV COLLEGE </font>

<br><br>

<font face="georgia" size="13" color="blue">

KHALSA COLLEGE </font>

</body></html>

6


7


Example -3

<html>

<head><title>Paragraph Tag</title></head>

<body><br><br><br>

<p align="center">

Sweentened carbonated beverages,

such as <br><b> Coco Cola,Pepsi,Fanta

,Limca </b>,have <br> attained <u>

world-wide </u> popularity.

</p>

</body></html>

8


9


Example -4

<html>

<head><title>nested list</title>

</head>

<body><h><b><u><fontsize="13">

Types Of Printers</b></u>

</font></h> <b>

<ol type=A>

<li>Impact Printers

<ol type=1>

<li>CharacterPrinters

<ul type=square><li>Dot matrix

<li>Ink jet printer

</ul>

<li>Line Printers

<ul type=square>

<li>Chain printers

<li>Drum printers

</ul>

</ol>

<li>Non-Impact Printers

10


<ul type=circle>

11


<li>Laser printers

<li>Wax printers

<li>Electrostatic printers

</ul>

</ol></b></body></html>

12


13


14


15


Example -5

<html>

<head><title>Image Tag

</title></head>

<body background= "F:\TASVEER\New Folder\29.jpg">

<img src="F:\TASVEER\NewFolder\

023.jpg" height=200 width=340>

</body></html>

16


Example -6

17


<html>

<head><title>Table Tag</title>

</head><body><br><br><br>

<table border=7 bordercolor="blue" align="center">

<tr><th>TITLE OF<br>BOOKS</th>

<th>AUTHORS</th><th>COST</th>

</tr>

<tr><td>DHTML</td>

<td background="F:\TASVEER\Cute Child\baby4.jpg" height=50 width=40>A.POWELL</td>

<td>Rs.200</td>

</tr>

<tr><td>SAD</td><td>AWAD</td>

<td>Rs.385</td></tr>

</table>

</body></html>

18


Example -7

19


<html>

<head><title>Table Span</title>

<head><body><br><br><br>

<table background="F:\TASVEER\Cute Child\baby1.jpg" border=20 align="center">

<tr><th colspan=5>INFORMATION ABOUT BOOKS</th>

</tr>

<tr><th>TITLE OF<br>BOOKS</th><th>AUTHORS

</th>

<th>EDITION 1</th>

<th>EDITION 2</th>

<th>EDITION 3</th></tr>

<tr><td rowspan=2>NUMERICAL METHODS</td>

<td>R.SSALARIA</td><td>1997</td>

<td>1999</td><td>2003</td>

</tr>

<tr><td>C.JOSHI</td><td>1998</td>

<td>2001</td><td>2005</td>

</tr>

<tr><td rowspan=2>ANSI C</td>

20


<td>B.G SAMY</td>

<td>1996</td><td>1999</td>

21


<td>2002</td></tr>

<tr><td>R.S SALARIA</td><td>1994</td>

<td>2000</td>

<td>2005</td>

</tr>

</table>

</body></html>

22


Example -8

<html>

23


<head><title>form</title>

</head><body>

<p align="center">

<b><u>ADMISSION FORM</b></u>

</p><form><br>

<input type="text" name="name" value="Default-value" size="25" maxlength="30">NAME<br><br>

<input type="password" name="passwd" size="25"

maxlength="30">PASSWORD<br><br>

<input type="text" name="address" size="25" maxlength="30">

ADDRESS<br><br><br>

<input type="radio" name="sex" value="male" checked>MALE<br>

<input type="radio" name="sex" value="female">FEMALE

<br><br><br>

<input type="checkbox"

name="vehical"

value="vehical" checked>OWN VEHICAL<br>

24


<input type="checkbox" name="hostel"

value="hostel">HOSTEL REQUIRED<br><br><br>

25


<select name="citizen">

<option value="Jammu">Jammu

<option value="Delhi" selected>Delhi

<option value="Keral">Keral

<optionvalue="Mumbai">Mumbai

</select>CITIZEN

<br><br><br>

<p align="center">

<input type="submit"

value="SUBMIT">

<input type="reset" value="RESET">

</form>

</body></html>

26


Example -9

27


<html>

<head><title>Frame</title>

</head>

<frameset border=30 frameborder=1 bordercolor="red"

rows="20%,*,2*">

<frame src="font.html">

<frame src="stu.html">

<frameset border=30 frameborder=1 bordercolor="red"

cols="50%,50%">

<frame src="table1.html">

<frame src="form.html">

</frameset></frameset>

</html>

28


29

Name --- Ranjeet Singh

Roll No --- 709

Class --- BCA-1

Subject --- Computer Networking

& Internet Tech.

Subject Code --- 104(A)

SESSON 2013-2014

Html Practical File

Submitted to :-Mrs. Isha Mahajan

college bca html practical file

Documents