Scribd
Upload
40 views29 pages

Java Script

This document provides 10 programs demonstrating different HTML tags and their usage. Program 1 shows basic HTML tags like headings, Program 2 shows tags like align, hr, em, strong. Program 3 and 4 demonstrate unordered and ordered lists. Program 5 adds background color. Program 6 inserts images. Programs 7 and 8 add internal and external links. Program 9 adds a table and Program 10 shows advanced table tags.

Uploaded by

ashishkumar140806
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
40 views29 pages

Java Script

This document provides 10 programs demonstrating different HTML tags and their usage. Program 1 shows basic HTML tags like headings, Program 2 shows tags like align, hr, em, strong. Program 3 and 4 demonstrate unordered and ordered lists. Program 5 adds background color. Program 6 inserts images. Programs 7 and 8 add internal and external links. Program 9 adds a table and Program 10 shows advanced table tags.

Uploaded by

ashishkumar140806
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/ 29

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

You might also like