Scribd
Upload
55 views

Vaish Arya Kanya Mahavidyalaya: Affiliated To: Mdu, Rohtak SESSION: 2019-2020

The document contains a list of 17 HTML programs with descriptions and outputs. The programs cover basic HTML tags like header, paragraph, lists, tables, forms, and links. They also cover CSS topics like inline, internal, and external CSS. Overall, the document provides examples of common HTML and CSS code snippets to demonstrate different features of these languages.

Uploaded by

Kritika Singh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
55 views

Vaish Arya Kanya Mahavidyalaya: Affiliated To: Mdu, Rohtak SESSION: 2019-2020

The document contains a list of 17 HTML programs with descriptions and outputs. The programs cover basic HTML tags like header, paragraph, lists, tables, forms, and links. They also cover CSS topics like inline, internal, and external CSS. Overall, the document provides examples of common HTML and CSS code snippets to demonstrate different features of these languages.

Uploaded by

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

Vaish arya kanya mahavidyalaya

AFFILIATED TO : MDU, ROHTAK


SESSION : 2019- 2020

HTML

SUBMITTED TO: SUBMITTED BY:

NEHA MAM KRITIKA


BCA 2ND YEAR
2302220005
INDEX

SR NO. TITLE PAGE TEACHER


NO. ’S SIGN
1 Structure of HTML
program

2 Program using
header tag

3 Program using align


tag

4 Program using font


size and color tag

5 Program using
paragraph tag

6 Program for applying


bold ,italic ,underline
elements
7 Program for Nested
list

8 Program for
definition list
9 Program for create a
table

10 Program for working


with frames

11 Program for
registration form

12 Program for External


linking

13 Program for internal


linking

14 Program for linking


with images and
graphics
15 Program for specific
address

16 Program for Inline


CSS

17 Program for internal


CSS
1. STRUCTURE OF HTML PROGRAM

<html>
<head>
<title>HTML</title>
</head>
<body>
HTML stands for hypertext markup language.
</body>
</html>

OUTPUT:
2. PROGRAM USING HEADER TAG

<html>
<head>
<title>HTML</title>
</head>
<body>
<h1 align ="left"> India is my country</h1>
<h2 align ="center"> I am proud to be an Indian</h2>
<h3 align ="right"> India is a best country all over
world</h3>
</body>
</html>

OUTPUT:
3. PROGRAM USING ALIGN TAG

<html>
<head>
<title>Welcome to HTML</title>
</head>
<body>
<p align ="center"> The text centered within both margins </p>
<p align ="right" > The text is displayed flush right </p>
<p align ="left"> The text is displayed flush left </p>
<p align = "justify"> This is justified along both margins
</body>
</html>

OUTPUT:
4. PROGRAM USING FONT SIZE AND COLOR
TAG
<html>
<head>
<title> html page </title>
</head>
<body
<p>
<font size="6" face ="arial" color="green">
The text centered within both margins</font></p>
<font size="10" face ="arial black" color=" red">
The text is displayed flush right </font></p>
<p style=font:calibre;font-size:30px;color:blue;>
The text is displayed flush left</p>
</body>
</html>

OUTPUT:
5. PROGRAM USING PARAGRAPH TAG

<html>
<head>
<title> html page </title>
</head>
<body>
<p>The text centered within both margins</p><p>The
text is displayed flush right </p><p> The text is
displayed flush left</p>
</body>
</html>

OUTPUT:
6. PROGRAM FOR APPLYING BOLD , ITALIC
UNDERLINE ELEMENTS

<html>
<head>
<title> worksheet</title>
</head>
<body><i><b><u>Internet</b></u><br>It is a network
of millions of computer networks connected by
terrestrial and extra - terrestrial communication
channels.<br><b><u> HTML</b></u><br>Hyper text
markup language is used to create web pages that can
be accessed over the web. </i>
</body>
</html>

OUTPUT:
7. PROGRAM FOR NESTED LIST

<html>
<head>
<title> Nested list </title>
</head>
<body>
<h4><u><b>Working with Nested list: </b></u></h4>
<font color="blue">Making an ordered list
<h5>numbered list:</h5></font>
<ol type ="numbered">
<li>APPLE
<li>BANANAS
<li> ORANGE
</ol>
<h5><font color="green">uppercase letter
list:</font></h5>
<ol type ="A">
<li>POTATOES
<li>TOMATOES
<li>ONION
</ol>
<h5><font color="red">lower case roman numbers
lists:</font></h5>
<ol type="i">
<li>rose
<li>lotus
</ol>
<font color="blue">Making an unordered list with type
attibute
<h5>disc bullet list:</h5></font>
<ul type ="disc">
<li>APPLE
<li>BANANAS
<li> ORANGE
</ul>
<h5><font color="green">circle bullet list:</font></h5>
<ul type ="circle">
<li>POTATOES
<li>TOMATOES
<li>ONION
</ul>
<h5><font color="red">square bullet lists:</font></h5>
<ul type="square">
<li>rose
<li>lotus
</ul>
</body>
</html>

OUTPUT:
8. PROGRAM FOR DEFINITION LIST

<html>
<head><title>Learning list in HTML</title>
</head>
<body>
<dl>
<dt>Internet</dt>
<dd>It is a network of millions of computer networks
connected by terrestrial and extra - terrestrial
communication channels.
<dt>HTML<dt>
<dd>Hyper text markup language is used to create web
pages that can be accessed over the web.
<dl>
</body>
<html>

OUTPUT:
9. PROGRAM FOR CREATE A TABLE

<html>
<head>
<title>Working with table </title>
</head>
<body>
<table>
<caption><B> CLASS INFORMATION </B></caption>
<th>Name</th>
<th>Roll No.</th>
<th>Result</th>
<tr>
<td>Aman</td>
<td>101</td>
<td>pass</td>
</tr>
<tr>
<td>Tarun</td>
<td>102</td>
<td>pass</td>
</tr>
<tr>
<td>Vishu</td>
<td>103</td>
<td>Pass</td>
</tr>
</table>
</body>
</html>
OUTPUT:
10. PROGRAM FOR WORKING WITH
FRAMES

<html>
<head>
<title>Working with frames
</title>
</head>
<frameset cols="50%,50%">
<frame name ="top" src="ordered.html"/>
<frame name ="main" src="unordered.html"/>
</frameset>
</html>

OUTPUT:
11. PROGRAM FOR REGISTRATION FORM

<html>
<head>
<title>Working with forms
</title>
</head>
<body>
<form>
<table>
<tr>
<td>
Name :
</td>
<td>
<input type ="text" name ="">
</td>
</tr>
<tr>
<td>
Father's Name :
</td>
<td>
<input type ="text" name ="">
</td>
</tr>
<tr>
<td>
Mother's Name :
</td>
<td>
<input type ="text" name ="">
</td>
</tr>
<tr>
<td>
Password
</td>
<td>
<input type="password" name ="">
</td>
</tr>
<tr>
<td>
Gender :
</td>
<td>
<input type ="radio" name "Gender">Male
<input type ="radio" name "Gender">Female
</td>
<tr>
<td>
Phone No.
</td>
<td>
<input type="Phone No." name="">
</td>
</tr>
<tr>
<td>
Address
</td>
<td>
<input type="Address" name="">
</td>
</tr>
<tr>
<td>
Education Qualification
</td>
<td>
<input type ="text" name ="">
</td>
</tr>
</body>
</html>

OUTPUT:
12.PROGRAM FOR EXTERNAL LINKING

<html>
<head>
<title>Link</title>
</head>
<body bgcolor=" lightblue" leftmargin=100
topmargin=200>
External link are links to pages on other website or
servers.<br>
<A href="registration.html">CLICK HERE </A>
</body>
</html>

OUTPUT:
13. PROGRAM FOR INTERNAL LINKING

<html>
<head>
<title> Using Internal Linking</title>
</head>
<body bgcolor=" lightblue" leftmargin=100
topmargin=200>
<A href="#WWW">World Wide Web </A>
<br>
<A href ="# PROTOCOLS"> What are
PROTOCOLS</A>
<br>
<A href ="# ADDRESSES">What are
ADDRESSES</A>
<br>
<br>
<A NAME="WWW">World Wide Web </A>
<br>
<P>
The internet is a network of networks. The World Wibe
Web (WWW) is asubset of internet . The WWW is
based on three mechanisms that are used to make
resources available to the users . They are Protocols,
Addresses and HTML.
</P>
<A NAME =" PROTOCOLS"> What are
PROTOCOLS</A>
<br>
<P>
Protocols are the rules to be followed to access
resources over the web. HTTP(Hyper Test Transfer
Protocol)is the protocol used by WWW.
</P>
<A NAME =" ADDRESSES">What are
ADDRESSES</A>
<br>
<P>
The WWW follows a uniform naming scheme to access
resources on the web. Uniform Resoures Locators
(URLs) are used to identify pages and resources on the
web.
</P>
</body>
</html>

OUTPUT:
14. PROGRAM FOR LINKING WITH
IMAGES AND GRAPHICS

<html>
<head>
<title> Linking with Images </title>
</head>
<body>
<A href= "D:\UdHaM SiNgHH\WallpapersHD">
<img src ="D:\UdHaM
SiNgHH\WallpapersHD\hd_wallpaper_18834.jpg">
</A>
</body>
</html>

OUTPUT :
15. PROGRAM FOR SPECIFIC ADDRESS

<html>
<head>
<title>linking with email address</title>
</head>
<body>
<p> LINKING WITH SPECIFIC MAIL ADDRESS</p>
<A href ="[email protected]">CLICK HERE</A>
</body>
</html>

OUTPUT:
16. PROGRAM FOR INLINE CSS

<html>
<head>
<title>Inline in CSS</title>
</head>
<body>
<h1 style ="color :blue">CSS stands for Cascading
Style Sheet.</h1>
</body>
</html>

OUTPUT:
17. PROGRAM FOR INTERNAL CSS

<html>
<head>
<title>External CSS</title>
<STYLE>
body {background- color : white ;color : black; margin-
left: 0.5 in; margin-right: 0.5 in;}
h1 {background -color: white;}
p{font-family : cursive;
font-size :150%;}
</STYLE>
</head>
<body>
<h1 style ="color :blue">CSS stands for Cascading
Style Sheet.</h1>
<p> Style sheet are the way that standard-complaint
Web designers<br>define the layout,look -and-feel, and
design of their pages.<br> This called CSS.
</p>
</body>
</html>

OUTPUT:

You might also like