Scribd
Upload
1K views13 pages

College Bca HTML Practical File

The document provides examples of HTML code to create different elements on a web page. It includes 9 examples that show how to use text formatting tags, font properties, paragraphs, lists, images, tables, forms, and frames. Each example is numbered and includes a brief description of the tags or properties it demonstrates.

Uploaded by

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

College Bca HTML Practical File

The document provides examples of HTML code to create different elements on a web page. It includes 9 examples that show how to use text formatting tags, font properties, paragraphs, lists, images, tables, forms, and frames. Each example is numbered and includes a brief description of the tags or properties it demonstrates.

Uploaded by

Malathi Sankar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 13

INDEX

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.

3 Write a codes to create a web page using EX-3


Paragraph tags such as P tag and BR tag.

4 Write a codes to create a web page using Ex-4


Nesting of lists.

5 Write a codes to create a web page using Ex-5


Image tags with height and width and also
Used for background image.

6 Write a codes to create a web page using Ex-6


Table tags a)Create table of 3 rows and
Columns b)Having border , border size,
border color c)Image in a particular cell.

7 Write a codes to create a web page using Ex-7


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

8 Write a codes to create a web page using 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.

1
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>

2
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>

3
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>

4
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

5
<ul type=circle>

<li>Laser printers

<li>Wax printers

<li>Electrostatic printers

</ul>

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

6
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>

7
Example -6

<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>

8
Example -7

<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>

9
<td>B.G SAMY</td>

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

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

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

<td>2000</td>

<td>2005</td>

</tr>

</table>

</body></html>

10
Example -8
<html>

<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>

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

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

<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>

12
Example -9

<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>

13

You might also like