Scribd
Upload
62 views27 pages

Iwd File

The document contains examples of HTML programs that demonstrate various HTML elements and tags like headings, tables, frames, forms, alerts and different style sheets. It includes the code and output for programs that use headings, tables, frames, forms, alerts and inline, internal and external style sheets.

Uploaded by

NARENDER
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
62 views27 pages

Iwd File

The document contains examples of HTML programs that demonstrate various HTML elements and tags like headings, tables, frames, forms, alerts and different style sheets. It includes the code and output for programs that use headings, tables, frames, forms, alerts and inline, internal and external style sheets.

Uploaded by

NARENDER
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/ 27

PROGRAM- 1

Aim: - Write a program welcome to html

<html>
<head>
<title>welcome</title>
</head>
<body>
Hello World!
</body>
</html>
OUTPUT
PROGRAM- 2
Aim: - Write a program to create a heading

<!DOCTYPE html>
<html>
<head>
<title>Heading elements</title>
</head>
<body>
<h1>This is main heading of page. </h1>
<p>h1 is the most important heading, which is used to display the key
word of page </p>
<h2>This is first sub-heading</h2>
<p>h2 describes the first sub heading of page. </p>
<h3>This is Second sub-heading</h3>
<p>h3 describes the second sub heading of page.</p>
<p>We can use h1 to h6 tag to use the different sub-
heading with their paragraphs if required.
</p>
</body>
</html>
Output
PROGRAM- 3
Aim: - Write a program using Tables & Frames.

<html>
<head>
<title>Tables & Frames</title>
<frameset rows="25%,30%,45%">
</head>
<body>
<frame src="1.html">
<frame src="2.html">
<frame src="3.html">
</frameset>
</body>
</html>
MAIN OUTPUT OF PROGRAM-3
Program 4

Aim: - Write a program using heading 1


<html>
<head>
<title>Tables & Frames</title>
</head>
<body>
<h1>this is a program using Tables & Frames</h1>
</body>
</html>
OUTPUT

Program 5
Aim:-Write a program to create frame.
<html>
<head>
<title>Tables & Frames</title>
</head>
<body bgcolor="pink">
<h1>This is Frame @ 2</h1>
</body>
</html>

OUTPUT
Program 6
Aim:-Write a program to create table.
<html>
<head>
<title>Tables & Frames</title>
</head>
<body>
<h1>Table
<table border="4" cellspacing="6">
<tr><th>Name
<td>Kapil
<td>Lalit
<td>Nitesh
<td>Sanjeev
</tr>
<tr>
<th>Roll Number
<td>33
<td>35
<td>39
<td>53
</tr>
<br>
<tr>
<th>Bikes
<td>Yamaha
<td>Bajaj
<td>Bajaj
<td>Hero Honda
</tr>
<br>
<tr>
<th>Mobile
<td>Samsung
<td>Nokia
<td>Nokia
<td>Motorola
</body>
</html>
OUTPUT

PROGRAM-7
Aim: - Write a program to create a form.
<html>
<head><title>FORM</title>
</head>
<body>
<form>
<h1>Form for creating an account</h1><br>
First Name<input type="text" name=""value=" "><br>
Last Name<input type="text" name=" "value=" "><br>
Sex------><input type="text" name=" "value=" "><br>
Email-id : -<input type="text" name=" "value=" "><br>
D.O.B. : - <input type="number" name=" "value=" "><br>
Phone No. <input type=" number" name=" " value=" "><br>
<h1>Submit now</h1>
<input type="reset" value ="submit">
<input type="reset" value="reset">
</form>
</body>
</html>
OUTPUT
PROGRAM-8
Aim:-Write a program to create Alert & Prompt Box.

<html>
<head>
<title>Alert & Prompt Box</title>
<script type="text/javascript">
function show()
{
var a=prompt("Enter the amount to withdraw");
if(a>=50000)
{
alert("wrong trigger");
}
else
{
alert("transaction done");
}
}
</script></head>
<body>
<h1>click now down<br>
<input type="button" name="submit" onclick ="show()">
</body>
</html>
OUTPUT
PROGRAM-9
Aim:-Write a program using all type of Style Sheets.

1.) Inline Style Sheet

<html>
<head><title>Inline Style Sheet</title>
</head>
<body>
<h1 style="font-family:times;font-size:38;text-
decoration:underline; color:blue"> This is Inline CSS<h1>
<h2 style="font-family:tahoma; font-size:56;text-
decoration:bold">See the effect of css here</h2>
</body>
</html>

2.) Internal Style Sheet:-


<html>
<head><title>Internal Style Sheet</title>
<style type="text/css">
h1{font-family:taoma; background-color:red;font-size:56}
h2{font-family:comic sans ms; background-color:green; font-
size:36}
</style>
</head>
<body>
<h1>This is an Example of Internal Style Sheet</h1>
<h2>This HTML page uses CSS</h2>
</body>
</html>

3.) External Style Sheet:-

<html>
<head>
<link rel="stylesheet" type="text/css" href="ONE.CSS ">

</head>
<body>
<h1>This HTML page uses css</h1>
<h2>This is a new header</h2>
<p>See the effect of CSS here</p>
</body>
</html>

ONE.CSS
<html>
<head>
<title>External CSS</title></head>
body{color:black}
h2{text-align:center;color:blue; font-family:"verdana"}
p{font-family:"sans serif"}
</body>
</html>
OUTPUT OF INLINE STYLESHEET
OUTPUT OF INTERNAL STYLESHEET-
OUTPUT OF EXTERNAL STYLESHEET-

You might also like