Scribd
Upload
557 views

Write An HTML Program To Create The Table

The document provides HTML code solutions for creating various HTML elements like tables, lists, frames, images and forms. It includes 18 code snippets for creating tables with data, unordered and ordered lists, frames with multiple columns and rows, images, equations, and forms with input fields.

Uploaded by

ujjwaltiwari319
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
557 views

Write An HTML Program To Create The Table

The document provides HTML code solutions for creating various HTML elements like tables, lists, frames, images and forms. It includes 18 code snippets for creating tables with data, unordered and ordered lists, frames with multiple columns and rows, images, equations, and forms with input fields.

Uploaded by

ujjwaltiwari319
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 48

1.

Write an Html Program to create the table

Class Subject 1 Subject 2 Subject 3


BCA-I VB PC Software Electronics
BCA-II C++ DBMS English
BCA-III JAVA Multimedia CSA

Solution:-

<html>

<head>

<title>table</title>

</head>

<body>

<table border="1">

<caption align="bottom">

<tr><th>class

<th>SUB1

<th>SUB2

<th>SUB3

</th>

</tr>

<tr>

<td>BCA1

<td>VB
<td>pc software

<td>Eletronics

</td>

</tr>

<td>BCA2

<td>c++

<td>DBMS

<td>English

</td>

</tr>

<tr>

<td>BCA3

<td>JAVA

<td>multimedia

<td>CSA

</td>

</tr>

</table>

</body>

</html>
Output
2. Write an html program to create the following list Introductory Information
Technology
 IT Basics
 IT Tools
 Ms-access
 HTML
 IT-Application

Solution:-

<html>
<head>
<title>list program</title>
</head>
<ul type="square
<ul type="disc">
<li>IT basics
<li>IT tools
<li>MS access
<li>html
<li>IT application
</li>
</body>
</html>
Output:-
3. Write an html program to create the following list
Java
Visual Basic
Basic
Cobol
Fortran

Solution:-
<html>
<head>
<title></title>
</head>
<body>
<ol>
<dd>JAVA</dd>
<dd>Visual basic
<dd>basic
<dd>cobol
<dd>fortran
</ol>
</body>
</html>
Output:-
4.Write an html program to demonstrate hyper linking between two web pages
create a marquee and also insert an image in the page

Solution:-

<html>

<head>

<title>marquee</title>

</head>

<body>

<hr>

this is marquee tag

<A href="joy3.html" link="Red" title=" click me">xyz</A>

<marquee>

jagdamba kiran neha

</marquee>

<img src="130.jpg" width=100 height=200 >

</body>

</html>
Output:-
5.Write an HTml Program Create frames in html with 3 Columns(
width=30%,30%,40%)

Solution:-
<html>
<head>
<title>frameset</title>
</head>

<frameset cols="30%,30%,40%">
<frame src="n.html"></frame>
<frame src="kk.html"> </frame>
<frame src="li.html"> </frame>
</frameset>
</html>

Output:-
6. Write an html program Create frames in html with 3 Columns and 2 rows

Solution:-

<HTML>
<HEAD>
<TITLE>Frames</TITLE>
</HEAD>
<FRAMESET cols="33%, 33%, 34%">
<FRAME src="one.html">
<FRAMESET rows="40%, 60%">
<FRAME src="two.html">
<FRAME src="three.html">
</FRAMESET>
<FRAME src="four.html">
</FRAMESET>
</HTML>

File one.html

<html>

<head>

<title> html Frame example</title>

</head>

<body>

<h1> This is first frame </h1>

</body>

</html>
File two.html

<html>

<head>

<title> html Frame example</title>

</head>

<body>

<h1> This is Second frame </h1>

</body>

</html>

File Third.html

<html>

<head>

<title> html Frame example</title>

</head>

<body>

<h1> This is third frame </h1>

</body>

</html>
File four.html

<html>

<head>

<title> html Frame example</title>

</head>

<body>

<h1> This is four frame </h1>

</body>

</html>

Output:-
7. Write in html Program to Create a web page with a blue background and
the following text
NEW DELHI
New delhi, the Capital and the third largest city of India is a fusion of
the ancient and the modern. The refrains of the Muslim dynasties with its
architectural delights, given the majestic ambience of the bygone era.

Solution:-
<html>
<head>
<title>bg color program
</title>
</head>
<body bgcolor="blue">
<h1> new delhi</h1>
<p> new delhi the capital and the third largest city of india is a fusion of the
ancient and the mordern the refrains of the muslim dynasties with its
architectural delights give the majestic ambience of the by gone area
</body>
</html>
Output:-
8. Write an html Program to Create the following table Admission
Course OC BC MBC SC/ST Total
Computer Science 9 18 5 5 37
Commerce 14 25 6 5 50
Grand Total 87

Solution:-

<html>
<head>
<title>
</title>
</head>
<body>
<table border="4">
<tr><th>course
<th>oc
<th>bc
<th>mbc
<th>sc/st
<th>total
</th>
</tr>
<tr>
<td>computer science
<td>9
<td>18
<td>5
<td>5
<td>37
</tr>
<tr>
<td>commerce
<td>14
<td>25
<td>6
<td>5
<td>50
</tr>
<tr>
<td>grand total
<td>
<td>
<td>
<td>
<td>87
</tr>
</body>
</html>

Output:-
9. Write an html Program to create the following table

Car Price List


Tata Ford
Maruti
Model price Model price Model Price
Maruti 2 lac Sumo 2 Lac I Kon 5 lac
800
Omni 3 lac Scorpio 3 Lac Gen 2 Lac

Solution:-

<html>
<head>
<title>
</title>
</head>
<body>
<table border="4">
<tr><th>maruti
<td>
<th>tata
<td>
<th>ford
</th>
</tr>
<tr>
<td>modal
<td>price
<td>modal
<td>price
<td>modal
<td>price
</tr>
<tr>
<td>maruti800
<td>2lac
<td>sumo
<td>2lac
<td>J kon
<td>5lac
</tr>
<tr>
<td>ommi
<td>3lac
<td>scorpio
<td>3lac
<td>gem
<td>2lac
</tr>
</body>
</html>

Output:-
10. Write an html Program Creating images such as left position, Right position,
center position etc using ALT attribute with image tag

Solution:-

<html>

<head>

<title></title>

</head>

<body>

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tr>

<td><img src="logo.gif"></td>

<td><p align="center"><img src="logo.gif"></td>

<td align="right"><img src="logo.gif"></td>

</tr>

</body>

</html>
Output:-
11. Write an html program to creating following table

Student Information
Roll No. Name Class
1001 Amit BCA
1002 Sandeep B.E.
1003 Ravi MCA
1004 Priya M.E.

Solution:-

<html>

<head>

<title>

</title>

</head>

<body>

<table border="1">

<tr><th>

<th>student information

</th>

</tr>

<tr>

<td>roll no.

<td>name

<td>class

</td>
</tr>

<tr>

<td>1001

<td>amit

<td>BCA

</td>

</tr>

<tr>

<td>1002

<td>sandeep

<td>BE

</td>

</tr>

<tr>

<td>1003

<td>ravi

<td>MCA

</td>

</tr>

<tr>

<td>1004

<td>priya

<td>ME
</td>

</tr>

</body>

</html>

Output:-
12. Write an html program to create following table using row span attribute

STUDENT INFORMATION

Roll No. Class Name

1001 BCA AMIT


2012
1002 BCA MALA
TO
1003 BCA RANU 2013

1004 BCA PRIYA

Solution:-

<html>

<head>

<title></title>

</head>

<body>

<table border="4">

<tr>

<th colspan="4">student information</th>

<th rowspan="4"><br><br>year<br>2012<br>to<br>2013<br></th>

</tr>

<tr>
<td>roll no

<td>class

<td>name

</td>

</tr>

<tr>

<td>1001

<td>bca

<td>amit

</td>

</tr>

<tr>

<td>1002

<td>bca

<td>mala

</td>

</tr>

<tr>

<td>1003

<td>bca

<td>ranu

</td>

</tr>
<tr>

<td>1004

<td>bca

<td>priya

</td>

</tr>

</table>

</body>

</html>

Output:-
13. Write an html program to insert any image to the left position

*
Image

Solution:-

<html>
<head>
<title></title>
</head>
<body>
<p>
<image src="130.jpg"align="bottom"height="400"width="400">
</p>
</body>

</html>
Output:-
14. Write the html loding for the following Equations
C2H2OH+PCL5=C2H2CL+POCL3+HCL
4H3PO3=3H3PO4+PH3
PCL3+CL3=PCL5

Solution:-

<html>
<head>
<title></title>
</head>
<body>
c<sub>2</sub>h<sub>2</sub>oh+pcl<sub>5</sub>=c<sub>2</sub>h<sub
>5</sub>cl+pocl<sub>3</sub+hcl<br> </br>

4th<sub>3</sub>p4<sub>3</sub>=3h<sub>3</sub>po<sub>4</sub>+ph<s
ub>3</sub> <br>
pcl<sub>3</sub>cl<sub>2</sub>=pcl<sub>5</sub><br>
</body>
<html>
Output:-
15.Write an html program to create the following table

Name Subject Marks


Java 70
Amit C 79
Java 75
Ravi C 69

Solution:-

<html>
<head>
</head>
<body>
<table border="2">
<caption align="middle">
</caption>
<tr><th>name
<th>subject
<th>marks
</th>
</tr>
<tr>

<td>Amit
<td>JAVA
<td>70
</tr>
<tr>
<td>
<td>c
<td>79
</td>
</tr>
<tr>
<td>Ravi
<td>java
<td>75
</td>
</tr>
<tr>
<td>
<td>c
<td>69</td>
</tr>
</table>
</body>
</html>

Output:-
16. Write an html program to create a form as the following

Enter name :

Enter Roll No :

Enter Age :

Enter DOB :

Reset

Solution:-

<html>
<head>
<title></title>
</head>
<body>
<form>
Enter name &nbsp;&nbsp;:
<input tpye="Enter name " size="25">
<br>
Enter roll no :
<input type="Enter rollno" size="25">
<br>
Enter age &nbsp; &nbsp;&nbsp;:
<input type="Enter age" size="25">
<br>
Enter DOB &nbsp;:
<input type=" Enter DOB" size="25">
<br>
<input type="reset" value="reset">
<br>
</form>
</body>
</html>

Output:-
17.Write an html program to create a following html form

User Name

Password

Solution:-

<html>
<head>
<title></title>
</head>
<body>
<form>
user name
<input type="user name" size="25">
<br>
password
<input type="password" size="25">
<br>
<input type="submit"value="submit">
<br>
</form>
</body>
</html>
Output:-
18.Write an html program to create the following form in html

Enter your name:-

Enter your roll no.:-

Gender ○ Male

○Female

Sub- □ Java

□C

□ C++

□ VB

Class:- BCA I

Solution:-

<html>

<head>

<title>BUTTON</title>

</head>

<body>

<form>

enter your name&nbsp; &nbsp;:

<input type="text", value=""><br>

enter your roll no :

<input type="text", value=""><br>


gender<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;<input type="radio", Value="male">male<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;<input type="radio", value="female">female<br>

subject<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;<input type="checkbox">Java<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;<input type="checkbox">C<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;<input type="checkbox">C++<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;<input type="checkbox">vb<br>

<br> Class:

&nbsp;&nbsp;&nbsp;<Select name="Class">

<option name="BCA1"> BCA1

<option name="BSC"> BSc

<option name="BCOM"> BCOM

<option name="BE"> BE

<potion name="BA"> BA

</select>

</body>

</html>
Output:-
19. write an html program to write following text and using BJU strik
through
New delhi KB – the capital (1) & the third largest city of india is a fusion of
the anceient & the modern the remains of the muslim dynasties(u) with it
& architect wal delights give the majestic ambience of the bygone er(B)(/i)

Solution:-

<html>
<head>
<title>New Delhi</title>
</head>
<body>
<p><b>New Delhi,</b><i> the Capital</i> and the third largest city of india
in a fusion of the anciant and the modern the modern the romain of the <u>
muslim dyrasfies </u><b><i> with its archiectural delights give the majestic
ambience of the bygone era </b></i>
</body>
</html>
Output:-
20. write an HTML program to create following frames

Tourism Government of India

Delhi Haryana Mizoram Chhattisgarh

You are visiting our site this site will give you information on the union
territory of Delhi & state of HTML Haryana ,Mizoram & Chhattisgarh

Solution:-

<html>
<head>
</head>
<body>
<img src="india.jpeg" height="90" width="100" align="right">

<p><b><font face="Arial"><font color="pink"> travel &


tourism</font></font></font></b>

<p><b><font face="arial"><font color=yellow">

Dep of travel&Tourism,Gov. of INDIA.


</font></font></b></br>

<p><font face="arial black"><font color="#00ff11">

You are visiting our site.This site will give you information on the union
Terriotry of Delhi & state of Haryana,Mizoram and Chhattisgarh
</font></font></br>
<Center>
<table Border="2" width="100%">
<tr><td align="center"><font face="Arial">

<a href="delhi.html">Delhi</a></font></td>

<td align="center">

<a href="haryana.html"> Haryana</a>


</td>
<td align="center">

<a href="mizoram.html"> Mizoram</a>


</td>
<td align="center">

<a href="cg.html"> Chhattisgarh</a>


</td>
</tr>
</table>
</center>
</body>
</html>
Output:-

You might also like