COMPUTER PRATICAL FILE
ON
HTML
G0VERNMENT COLLEGE FOR WOMEN
SECTOR:-16 (FARIDABAD)
SUBMITTED BY: VARSHA KAUSHIK
COURSE: BBA 3rd year
CLASS ROLL NO. : 26
UNIVERSITY ROLL NO. :
SUBMITTED TO: MRS. POOJA SINGH
INDEX
S.N TOPIC
O
1 Understanding HTML
2 Program 1- HTML TAGS
3 Program 2- More HTML Tags
4 Program 3- Unordered Lists
5 Program 4-Ordered List
6 Program 5- Adding Background Color
7 Program 6- Inserting Graphics
8 Program 7-Adding Links
9 Program 8-linking within documents
10 Program 9- Adding Table
11 Program 10- Advance Table Tags
HTML
HYPER TEXT MARKUP LANGUAGE.
MEANING OF HTML:
HTML is text- based approach to describing how
content contain within an HTML file is structure. File is structured. This markup
tells a web browser how to display text, image and other forms of multimedia on
webpage.
HTML is a formal recommendation by the World
Wide consortium and generally adhered to by all major web browsers, including
both desktop and web browser specification. HTML 5 is the latest version of the
FEATURES OF HTML:
It is very easy and simple language.
It is easy to make an effective presentation.
It can be easily understood and modification.
It provide facilities to programmers to add graphics, video, and
graphics sounds.
HTML is a ease- insensitive language, which means we can use tags
either in lowercase.
ADVANTAGES OF HTML
It is widely used.
Every browser support HTML language.
Easy to learn and use.
It is by default in every window so you don’t need to purchase extra
software.
You can integrated HTML with CSS, java script etc.
DISADVANTAGES OF HTML
It can create only static and plain pages so if we need dynamic
pages then HTML is not useful.
Need to write lots of code for making a simple web page.
Security feature are not good in HTML.
If we need to write long code for making a web page then it
produced some complexity.
PROGRAM-1
HTML TAGS
<html>
<head>
<title>NAME OF PERSONS</TITLE>
</HEAD>
<BODY>
<H1><U>NAME OF PERSONS </U></H>
<H1>AARTI</H1>
<H2>TAMANNA</H2>
<H3>KHUSHI</H3>
<H4>VARSHA</H4>
<H5>SHILPI</H5>
<H6>ISHIKA</H>
</BODY>
</HTML>
OUTPUT
PROGRAM - 2
MORE HTML TAGS
<HTML>
<HEAD>
</HEAD>
<BODY>
<H1><ALIGN=CENTER><U>ALL ABOUT MY COLLEGE</U></H1>
<HR>
<H2><ALIGN=RIGHT>DATE:09/10/2022</H2>
<HRWIDTH=50%SIZE=10>
<P><STRONG>MY COLLEGE</STRONG>IS 5YEARS OLD, CURRENTLY
COURSES
<EM>ARE AT MY COLLEGE</E>.MY SUBJECT LECTYRE IS <B>MRS. POONAM </B>THERE IS 60 STUDENT
IN MY CLASS
</P><ALIGN=CENTER> HERE ARE Some FACT ABOUT MY COLLEGE</P>
<PRE>
COURES:5
CLASSROOM:10
TEACHERS:10
</PRE>
<HRNONSHADE>
<P ALIGN-CENTER> IF YOU WISH TO CONTACT AT FOLLOWIING PHONE NUMBER <BLINK>76531756723
</P><HR>
</BODY>
</HTML>
OUTPUT
PROGRAM - 3
UNORDERED LIST
<html>
<head>
<title>unordered list </title>
</head>
<h1>The basic part of of a computer are:</h1>
<hr>
<ul>
<li>monitor
<li>CPU(central processing unit)
<li>mouse
<li>speakers
<li>printer
</ul>
</BODY>
</html>
OUTPUT
PROGRAM - 4
ORDERED LIST
<HTML>
<HEAD>
<TITLE>NESTED LIST</TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER><U>INTERNET CLUB</U></H1>
<OL>
<LI>ADVISERS
<UL>
<LI>
<LI>MR.LIEW
<LI>MRS.JAMES
<LI>MISS IRENE
</UL>
<LI>COMMITTEE MEMBERS
<UL>
<LI>NICK
<LI>GEORGE
<LI>FRANCIS
</UL>
</BODY>
</HTML>
OUTPUT
PROGRAM - 5
ADDING BACKGROUND COLOR:
<html>
<head>
<title><b>background color </b></title>
</head>
<body bgcolor=pink>
<h1><i>background color is pink</h1></i>
</body>
</html>
OUTPUT
PROGRAM - 6
INSERTING GRAPHICS
<html>
<head>
<title>inserting graphics</title>
</head>
<center<<font size=6 color=red> inserting graphics in web
page</font></center>
<hr>
<img src="C:\Users\Public\Pictures\Sample Pictures
\Chrysanthemum.jpg"width=200height=200>
<br>
<img src="C:\Users\Public\Pictures\Sample Pictures
\Penguins.jpg"width=100height=100>
<br>
</body>
</html>
OUTOUT
PROGRAM - 7
ADDING LINKS
<html>
<head>
<title>links
</title>
</head>
<h1>this page cantains various types of link</h1>
<hr>
<bodybackground="back.gif'link=bluelink=green vlink=red>
<ahref="image1.gif">click to view image</a>
<br>
<a href="graphics.html">click to view third webpage</a>
<br>
<a href="http://www.yahoo.com">yahoo,the search engine</a>
<br>
<a href="image3.jpg"><imgsrc="image2.gif"><a>
<a>
<a href="http://www.geocities.com/vkliew'.,imgsrc="image1.gif></a>
<hr>
<center>
<a href='mailto: liew
</Body>
</html>
OUTPUT
PROGRAM - 8
ADDING LINKS WITH DOCUMENTS
<html>
<head>
<title>RMC</TITLE>
</HEAD>
<BODY BGCOLOR=BLURLINK=YELLOW VLINK=RED TEXT=WHITE>
<A NAME+"MAIN"><H1 ALING=CENTER>RELIANCE MULTIMEDIA
CORRIDOR(RMC)</HL>
<UL>
<LI><H3><A HREF="C:\Users\Guest\Desktop\pink.html">ELECTRONIC
GOVERNMENT </H3>
</A>
<LI><H3><A HREF=#RD">RESEARCH AND DEVELOPMENT </H3>
</A>
<LI><H3><A HREF=#TM">TELEMEDICINE</H3></A>
<LI><H3><A HREF=#SS">SMART SCHOOL</H3></A>
<LI><H3><A HREF=#MC">MULTIPURPOSE</H3></A>
<LI><H3><A HREF=#IT">IT INFRASTRUCTURE</H3></A>
<LI><H3><A HREF=#BM">BORDLESS MARKETING</H3></A>
<UL>
<DL>
<DT><A NAME="EG">ELECTRONIC GOVERNMENT</B>
<DD>A MULTIMEDIA NETWORK PAPERLESS ADMINISTRATION LINKING
GOVERNMENT AGENCIESWITHIN NOODA WITH GOVERNMENT CENTERS
CENTERES AROUNDS THE CITYTO FACILITIES A COLLABRORATIVE
GOVERNMENT AND EFFICIENT SERVICE TOBUSINESS AND CITIZENS.
IT WILL OFFERS EFFICIENTS, HIGHQUALITY ADMINISTRATIVE O-LINE
SERVICESTO CITIZENS AND BUSINESSES.
<A HREF="#MAIN">BACK TO TOP</A>
<DT><A NAME="RD"><B> RESEARCH DEVELOPMENT</b>
<DD>
<A HREF="#MAIN">BACK TO TOP</A>
<DT><A NAME+="TM"><B> TELEMEDICINE</b>
<DD>TO PROVIDE TOP CLASS MEDICAL SERVICE ESPICALLY FOR THE
RURAL PEOPLE THROUGH ADVANCE VIDEO CONFRENCING AND OTHER
NETWORK TECNIQUES.
<A HREF="#MAIN">BACK TO TOP</A>
<DT><A NAME="SS"><B> SMART SCHOOL</b>
<DD> TO DEVELOP SMART LEARNING ENVIRONMENT FOR ALL
STUDENTS.
<A HREF="#MAIN">BACK TO TOP</A>
<DT><A NAME="MC"><B> MULTIPURPOSE CARD</b>
<DD>SMARTCARD FOR ALL SUPPORTING KEY
GOVERNMENT,FINANCING, HEALTH CARE AND AFFILIATED
APPLICATION.
<A HREF="#MAIN">BACK TO TOP</A>
<DT><A NAME="IT"><B>IT INFRASTRUCTURE</b>
<DD>OPEN MULTIMEDIA FOR NETWORK FOR EASY INTERCONNECT.
<A HREF="#MAIN">BACK TO TOP</A>
<DT><A NAME="BM"><B>BORDERLESS MARKETING</b>
<DD> TO MAKE NODIA A REGIONAL HUB FOR COMPANIES TO CREATE
AND DELIVER MARKETING MESSAGE,CUSTOMET SERVICES AND
INFORMATION PRODUCT TO THERI MULTICULTURAL AND
MULTINATIONAL CUSTOMER USING MULTIMEDIA TECHNOLOGY
<A HREF="#MAIN">BACK TO TOP</A>
</DL>
</BODY>
</HTML>
OUTPUT
PROGRAM - 9
ADDING TABLE
<HTML>
<HEAD><TITLE>TABLE</TITLE>/<HRAD>
<H1 ALING=CENTER>TABLE</H1>
<HR>
<BODY BGCOLOR=BLUE TEXT=WHITE>
<TABLE BORDER=5A>
<TR>
<TD>APPLE</TD>
<TD>FRUIT</TD>
<TR>
<TD>CABBAGE</TD>
<TD>VEGETABLE</TD>
</TR>
<TR>
<TD>WHALE</TD>
</TD>MAMMAL
</TD>
</TR>
<TD>
<TD>MAMMAL</TD>
</TR>
<TR>
<TD>SHARK</TD>
<TD>FISH</TD>
</TR>
<TR>
<TD>MARS</TD>
<TD>PLANET</TD
</TR>
<TR>
<TD>SUN</TD>
<TD>STAR</TD>
</TR>
</TABLE>
</BODY>
</HTML
OUTPUT
PROGRAM-10
ADVANCE TABLE TAGS
<HTML>
<HEAD>
<TITLE> ADVANCE TABLE TAGS</TITLE>
<BODYBGCOLOR=FFDDEE>
<TABLE BORDER=5 CELLSPACING=0 CELLSPACING=2 BGCOLOR=BLUE
WIDTH=70% HEIGHT=90%
<CAPTION ALIGN=TOP><H2>THIS IS COLOR TABLE</H2></CAPTION>
<TR BGCOLOR=CYAN BORDWECOLOR=GREEN>
<TD></TD>
<TD ALIGN= CENTER VALIGN=MIDDLE> MONDAY</TD>
<TD ALIGN= CENTER VALIGN=MIDDLE> TUESDAY</TD>
<TD ALIGN= CENTER VALIGN=MIDDLE> WEDNESDAY</TD>
<TD ALIGN= CENTER VALIGN=MIDDLE>THURSDAY</TD>
</TR>
<TR>
<TD ROWSPAN=3 BGCOLOR=PINK>SUBJECT</TD>
<TD BGCOLOR=CC33FF> COMPANY LAW</TD>
</TR>
<TR>
<TD BGCOLOR=BBFFEE>COMPUTER NETWORK</TD>
</TR>
<TR><TD COLSPAN=2></TD>
<TD BGCOLOR=9966CC>PRODUCTION MANAGEMENT</TD>
<TD BGCOLOR=88FFAA>CYBER SECURITY</TD>
</TR>
</TABLE>
</BODY>
</HTML>
OUTPUT