Scribd
Upload
7 views

program (2)

The document contains a series of HTML programs that illustrate various fundamental concepts and tags in HTML, including headings, paragraphs, lists, images, tables, forms, and styling. Each program is presented with its own HTML structure and demonstrates specific functionalities such as text styles, background colors, and linking. The document serves as a practical guide for learning HTML basics and applications.

Uploaded by

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

program (2)

The document contains a series of HTML programs that illustrate various fundamental concepts and tags in HTML, including headings, paragraphs, lists, images, tables, forms, and styling. Each program is presented with its own HTML structure and demonstrates specific functionalities such as text styles, background colors, and linking. The document serves as a practical guide for learning HTML basics and applications.

Uploaded by

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

PROGRAM:1

W.A.P to illustrate basic in Html.


<html>
<head>
<title>html basics</title>
</head>
<body>
WELCOME TO HTML WORLD
</body>
</html>
Output :
PROGRAM:2
W.A.P to illustrate Heading Tag in Html.
<html>
<head>
<title> Heading Tag Demo </title>
</head>
<body>
<h1> This is the Main Heading</H1>
<h2> This is a Subheading</h2>
<h3> This is a Smaller Subheading</h3>
<h4> This is a Sub-Subheading</h4>
<h5> This is a Minor Subheading</h5>
<h6> This is a Smallest Heading</h6>
</body>
</html>
Output :
PROGRAM:3
W.A.P to illustrate Break Tag <BR> in Html.
<html>
<head>
<title>Break Tag Example</title>
</head>
<body>
<h1>Break Tag Example</h1>
<p>This is a paragraph of text. <BR>
This text will be on a new line. </p>
<p>Without the break Tag ,the text would
continue on the same line. </p>
<p>Here's another example:</p>
<p>Line 1 <BR>
Line 2<BR>
Line 3<BR>
</body>
</html>
Output :
PROGRAM:4
W.A.P to illustrate Paragraph Tag <p> in Html.
<html>
<head>
<title> Paragraph Tag Demo </title>
</head>
<body>
<P align=left> This tag is used to define a paragraph. The
paragraph can be aligned to the left,right,center or justified
using the align attributes.</p>
<p align=right> This tag is used to define a paragraph. The
paragraph can be aligned to the left,right,center or justified
using the align attributes.</p>
<p align=Center> This tag is used to define a paragraph. The
paragraph can be aligned to the left,right,center or justified
using the align attributes.</p>
</body>
</html>
Output:
PROGRAM:5
W.A.P to illustrate Text Styles in Html.
<html>
<head>
<title> Text Styles Tag Demo </title>
</head>
<body>
I am learning how to use <I> Italic tag</I> <BR> I am
learning how to use <B> Bold tag</B> <BR>
I am learning how to use <U> Underline tag</U>
<BR>
I am learning how to use <S> Strike tag</s> <BR>
I am learning how to use superscript tag like x<SUP>3</SUP>
<BR>

I am learning how to use subscript tag like


H<SUB>2</SUB>O <BR>
</body>
</html
Output:
PROGRAM:6
W.A.P to illustrate Font Tag in HTML
<html>
<head>
<title>Font Tag</title>
</head>
<body>
<font size="5" COLOR="red" face="Arial">This
text is red,size5,and Arial font.</font><BR>
<font size="3" COLOR="blue" face="Times New
Roman">This text is blue,size3, and Times New
Roman font.</font><BR>
<font size="2" COLOR="green" face="courier">
This text is green, size2, and Courier
font.</font><BR>
</body>
</html>
Output:
PROGRAM:7
W.A.P to illustrate Background Image in Html.
<html>
<head>
<title> Background Image Demo </title>
</head>
<body>
<body Background="C:\Users\KAPIL
JAKHAR\Downloads\Lilibasiha Author Portfolio _
Freepik.jpg">
<CENTER>
<Font Size=6>NATRAJ PUBLISHING HOUSE</FONT><BR>
<Font Size=4>BIG BASICS OF COMPUTERS<BR>
<Font Size=4>DATA STRUCTERS<BR>
<Font Size=4>PROGRAMMING IN C++<BR>
<Font Size=4>PROGRAMMING IN C<BR>

</CENTER>
</body>
</html>
Output :
PROGRAM:8
W.A.P to illustrate Image Tag in HTML.
<html>
<head>
<title> Image Demo </title>
</head>
<body>
<imgsrc="C:\Users\KAPIL JAKHAR\Downloadspexels-
unchalee-srirugsar-14114-85773.jpg"
</body>
</html>
Output :
PROGRAM:9
W.A.P to illustrate Background Colour in HTML.
<html>
<head>
<title> MBA </title>
</head>
<body BGCOLOR="pink">
<h1><CENTER>HTML WORLD</CENTER> </h1>
</body>
</html>
Output
PROGRAM:10
W.A.P to illustrate Background Colour by using
Hexadecimal Numbers.
<html>
<head>
<title> HTML HEX COLORS </title>
</head>
<body>
<h1 style="background -color:#ff0000;"> this is
red </h1>
<h1 style="background -color:#00ff00;"> this is
green </h1>
<h1 style="background -color:#0000ff;"> this is
blue </h1>
</body>
</html>
Output:
PROGRAM:11
W.A.P to illustrate External Linking in Html.
<html>
<head>
<title> External Linking Demo </title>
</head>
<body>
<A HREF="break tag.html">visit my Home Page </A>
</body>
</html>
Output:
PROGRAM:12
W.A.P to illustrate Internal Linking in Html.
<html>
<head>
<title> Internal Linking </title>
</head>
<body>
<CENTER>
<FONT Size =5>WEB DESIGINING</FONT><BR><BR>
LESSON-1<BR><BR>
LESSON-2<BR><BR>
<A Name ="c3"> LESSON-3</A><BR><BR>
LESSON-4<BR><BR>
LESSON-5<BR><BR>
LESSON-6<BR><BR>
LESSON-7<BR><BR>
</CENTER>
<A HREF=#C3>Go To lesson-3</A>
</body>
</html>
Output:
PROGRAM:13
W.A.P to illustrate Ordered List in Html.
<html>
<head>
<title> Table Demo</title>
</head>
<body>
<OL type="1">
<li>Orange</li>
<li> Apple</li>
<li>Banana</li>
<li>Mango</li>
</OL>
Lower Alphabets
<OL type="a">
<li>Red</li>
<li>Blue</li>
<li>Green</li>
</OL>
Upper Alphabets
<OL type="A">
<li>Food</li>
<li>Water</li>
<li>House</li>
</OL>
</body>
</html>
Output :
PROGRAM:14
W.A.P to illustrate Unordered List in Html.
<html>
<head>
<title>Table Demo</title>
</head>
<body>
<UL TYPE=CIRCLE>
<li>Rahul
<li>Mohan
<li>Sohan
<li>Rohan
</UL><BR><BR>
</body>
</html>
Output :
PROGRAM:15
W.A.P to illustrate Definition List in Html.
<html>
<head>
<title>HTML Definition List</title>
</head>
<body>
<dl>
<dt>HTML</dt>
<dd>Hyper Text Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets</dd>
<dt>JavaScript</dt>
<dd>Dynamic Programming Language</dd>
</body>
</html>
Output:
PROGRAM:16
W.A.P to illustrate Nesting List in Html.
<html>
<head>
<title>NESTED LIST</title>
</head>
<body>
<OL TYPE=1>
<LI>PROGRAMMING LANGUAGES
<UL TYPE=SQUARE>
<li>C
<li>JAVA
<li>PYTHON
</UL><BR><BR>
<LI> COMPUTER SCIENCE CONCEPTS
<UL TYPE=SQUARE>
<LI>DATA STRUCTURE
<LI>OPERATING SYSTEM
<LI>ALGORITHMS
</UL><BR><BR>
</OL><BR><BR>
</body>
</html>
Output:
PROGRAM:17
W.A.P to illustrate COLSPAN and ROWSPAN in
Table.
<html>
<head>
<title>TABLE DEMO</title>
</head>
<body>
<CENTER>
<table border=5 width=80%
<tr align=CENTER>
<Th align=CENTER COLSPAN=4>Result Table</Th>
</tr>
<tr align=CENTER>
<Th>Class</Th>
<Th>Roll No.</Th>
<Th align=left>Name</Th>
<Th>marks</Th>
</tr>
<tr align=CENTER>
<td ROWSPAN=3>BCA1st</td>
<td>1001</td>
<TD align=left>Amit</td>
<td>80</td>
</tr>
<tr align=CENTER>
<td>1002</td>
<TD align=left>Mohan</td>
<td>85</td>
</tr>
<tr align=CENTER>
<td>1003</td>
<TD align=left>Anu</td>
<td>82</td>
</tr>
<tr align=CENTER>
<td ROWSPAN=3>BCAII</td>
<td>2050</td>
<TD align=left>Jeetan</td>
<td>90</td>
<tr align=CENTER>
<td>2051</td>
<TD align =left>Kuldeep</td>
<td>56</td>
</tr>
<tr align=CENTER>
<td>2052</td>
<TD align=left>Rohit</td>
<td>86</td>
</tr>
</table>
</CENTER>
</body>
</html>
</body>
</html>
Output:
PROGRAM:18
W.A.P to illustrate Frames in Html.
<html>
<frameset frameborder="18" rows="300,*">
<frame SRC="break tag.html">
<frameset frameborder="18" cols="340,*">
<frame SRC="internal style sheet.html">
<frame SRC="external style sheet.html">
</frameset>
</html>
Output:
PROGRAM:19
W.A.P to illustrate Forms in Html.
<html>
<head>
<title>FORM IN HTML</title>
</head>
<body>
<form>
NAME <input type="text">
FATHER'S NAME <input type="text">
MOTHER'S NAME <input type="text"><BR><BR> EMAIL
<input type="email">
PHONE NUMBER <input type="number"><BR><BR> PASSWORD
<input type="password">
CONFIRM PASSWORD <input type="password"><BR><BR> SELECT
GENDER <input type="RADIO"NAME="gender">MALE
<Input type=”RADIO”NAME=”gender”>FEMALE
<Input type=”RADIO”NAME=”gender”>OTHER’S> DATE
OF BIRTH <input type="date"><BR><BR>

<Input type="SUBMIT"VALUE="submit">
</form>
</body>
</html>
Output:
PROGRAM:20
W.A.P to illustrate Internal Style Sheet in Html.
<html>
<head>
<style>
body {Background -COLOR: Powder BLUE;}
h1 {COLOR: blue;}
p {COLOR: red;}
</style>
</head>
<body>
<h1> This is a heading</h1>
<p> This is a paragraph</p>
</body
</html>
Output:
PROGRAM:21
W.A.P to illustrate External Style Sheet in Html.
<html>
<head>
<LINK REL ="stylesheet "HREF="styles.css">
</head>
<body>
<h1> This is a heading</h1>
<p> This is a Paragraph</p>
</body
</html>
Output:

You might also like