Merged Document

PRACTICAL FILE
ON
COMPUTER
NETWORK &
INTERNET
SESSION: 2018-19
SUBMITTED TO:
SUBMITTED BY :
ANKUR GUPTA MOHIT
MUDGAL
A.P IN CSE DEPTT. MBA
2ND SEM.
ROLL NO. 21/MBA/18
VAISH COLLEGE OF
ENGINEERING,ROHTAK
Index
Sr.No. Name of Practicals Page No. Signature
1 To study about HTML. 1-5
2 Create a webpage of time table 6-10
using HTML.
3 Program to show Linking 11-18
between Webpages using

Anchor tag in HTML.
4 19-25
Create a webpage using
Frameset and HTML tag.
5 Create a webpage of image tag 26-27
using HTML.
6 Create a webpage of list item 28-31
using HTML.
7 Create a website of your 32-38
college using HTML tags.

Practical-1
Aim:- To study about HTML.
 Introduction:-
H-T-M-L are initials that stand for HyperText Markup Language.
 Hyperis the opposite of linear. It used to be that computer programs had

to move in a linear fashion. This before this, this before this, and so on.
HTML does not hold to that pattern and allows the person viewing the
World Wide Web page to go anywhere, any time they want.
 Textis what you will use. Real, honest to goodness English letters.
 Mark upis what you will do. You will write in plain English and then
mark up what you wrote. More to come on that in the next Primer.
 Language because they needed something that started with "L" to finish
HTML and Hypertext Markup Louiedidn't flow correctly. Because it's a
language, really -- but the language is plain English
HTML is the standard markup language for creating Web pages.
 HTML stands for Hyper Text Markup Language

 HTML describes the structure of Web pages using markup
 HTML elements are the building blocks of HTML pages
 HTML elements are represented by tags
 HTML tags label pieces of content such as "heading", "paragraph",
"table", and so on
 Browsers do not display the HTML tags, but use them to render the
content of the page
A Simple HTML Document
<html>
<head>
<title>PageTitle</title>
</head>
<body>
<h1>MyFirstHeading</h1>
<p>MyFirstParagraph</p>
</body>
</html>
Example Explained
 The <html> element is the root element of an HTML page

 The <head> element contains meta information about the document
 The <title> element specifies a title for the document
 The <body> element contains the visible page content
 The <h1> element defines a large heading
 The <p> element defines a paragraph
HTML Tags
HTML tags are element names surrounded by angle brackets:
<tagname>content goes here...</tagname>
 HTML tags normally come in pairs like <p> and </p>

 The first tag in a pair is the start tag, the second tag is the end tag
 The end tag is written like the start tag, but with a forward slash inserted
before the tag name
Web Browsers
The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML
documents and display them. The browser does not display the HTML tags, but
uses them to determine how to display the document:
Write HTML Using Notepad or TextEdit.
Web pages can be created and modified by using professional HTML editors.
However, for learning HTML we recommend a simple text editor like Notepad
(PC) or TextEdit (Mac). We believe using a simple text editor is a good way to
learn HTML.
Follow the four steps below to create your first web page with Notepad or
TextEdit.
Step 1: Open Notepad (PC)
Windows 8 or later:
Open the Start Screen (the window symbol at the bottom left on your screen).
Type Notepad.
Windows 7 or earlier:
Open Start > Programs > Accessories > Notepad
Step 2: Write Some HTML
Write or copy some HTML into Notepad.
Step 3: Save the HTML Page
Save the file on your computer. Select File > Save as in the Notepad
menu.Name the file "index.htm" and set the encoding to UTF-8 (which is the
preferred encoding for HTML files).
You can use either .htm or .html as file extension. There is no difference, it is up
to you.
Step 4: View the HTML Page in Your Browser
Open the saved HTML file in your favorite browser (double click on the file, or
right-click - and choose "Open with").
The result will look much like this:
HTML Documents
The HTML document itself begins with <html> and ends with </html>.
Practical-2
Aim:- Create a webpage of time table using HTML.
<html>
<body bgcolor="xfffes">
<title>Time-Table</title>
<table align="center" bgcolor="YELLOW" width="800" height="400"
border="10" frame="Box">
<caption><h1><font color="blue"><u><b>TIME
TABLE</h1></u></b></caption>
<font color="white"><tr align="center">
<td> PERIODS</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td></td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr align="center">
<td>TIME</td><br></br>
<td>9:30AM-10:20AM</td>
<td>10:20AM-11:10AM</td>
<td>11:10AM-12:00PM</td>
<td>12:00PM-12:30PM</td>
<td>12:30PM-1:20PM</td>
<td>1:20PM-2:10PM</td>
<td>2:10PM-3:00PM</td>
<td>3:00PM-3:45PM</td>
<td>3:45PM-4:30PM</td>
<tr align="center">
<td>TUESDAY</td>
<td>POS</td>
<td>CG</td>
<td>WD</td>
<td>L</td>
<td>OS LAB</td>
<td>OS LAB</td>
<td>CG</td>
<td>TAC</td>
<td>LIB</td>
</tr>
<tr align="center">
<td>WEDNESDAY</td>
<td>POS</td>
<td>MMT</td>
<td>CG</td>
<td>U</td>
<td>MP LAB</td>
<td>MP LAB</td>
<td>WD</td>
<td>TAC</td>
<td>MP</td>
</tr>
<tr align="center">
<td>THURSDAY</td>
<td>CG</td>
<td>POS</td>
<td>MP</td>
<td>N</td>
<td>MMT</td>
<td>LIB</td>
<td>CG LAB</td>
<td>CG LAB</td>
<td>POS</td>
</tr>
<tr align="center">
<td>FRIDAY</td>
<td>MMT</td>
<td>WD LAB</td>
<td>WD LAB</td>
<td>C</td>
<td>LIB LAB</td>
<td>WD</td>
<td>MP</td>
<td>PT LAB</td>
<td>PT LAB</td>
</tr>
<tr align="center"><br></br>
<td>SATURDAY</td>
<td>MP</td>
<td>TAC</td>
<td>LIB</td>
<td>H</td>
<td>MM LAB</td>
<td>MM LAB</td>
<td>WD</td>
<td>TAC</td>
<td>MMT</td>
</tr>
</table>
</html>
Output:-
Practical-3
Aim:- Program to show Linking between Webpages using

Anchor tag in HTML.
Link 1:-“cse.html”
<html>
<head><b><u><font size=10>CSE 5th Semester Subject's Name:-

</b></u></head>
</font>
<title> Web page </title>
<body bgcolor="yellow">
<p><br><font size=5><font color="black">1.MMT-Multimedia

Technology</br>
<br>2.POS-Principle Of Operating System</br>
<br>3.CG-Computer Graphics</br>
<br>4.WD-Web Designing</br>
<br>5.Tac-Theory Of Automata & Computation</br>
<br>6.MP-Microprocessor</br></font>
</p>
</body>
</html>
Link 2:- “TIMETABLE.html”
<html>
<body bgcolor="xfffes">
<title>Time-Table</title>
<table align="center" bgcolor="YELLOW" width="800" height="400"
border="10" frame="Box">
<caption><h1><font color="blue"><u><b>TIME
TABLE</h1></u></b></caption>
<font color="white"><tr align="center">
<td> PERIODS</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td></td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr align="center">
<td>TIME</td><br></br>
<td>9:30AM-10:20AM</td>
<td>10:20AM-11:10AM</td>
<td>11:10AM-12:00PM</td>
<td>12:00PM-12:30PM</td>
<td>12:30PM-1:20PM</td>
<td>1:20PM-2:10PM</td>
<td>2:10PM-3:00PM</td>
<td>3:00PM-3:45PM</td>
<td>3:45PM-4:30PM</td>
<tr align="center">
<td>TUESDAY</td>
<td>POS</td>
<td>CG</td>
<td>WD</td>
<td>L</td>
<td>OS LAB</td>
<td>OS LAB</td>
<td>CG</td>
<td>TAC</td>
<td>LIB</td>
</tr>
<tr align="center">
<td>WEDNESDAY</td>
<td>POS</td>
<td>MMT</td>
<td>CG</td>
<td>U</td>
<td>MP LAB</td>
<td>MP LAB</td>
<td>WD</td>
<td>TAC</td>
<td>MP</td>
</tr>
<tr align="center">
<td>THURSDAY</td>
<td>CG</td>
<td>POS</td>
<td>MP</td>
<td>N</td>
<td>MMT</td>
<td>LIB</td>
<td>CG LAB</td>
<td>CG LAB</td>
<td>POS</td>
</tr>
<tr align="center">
<td>FRIDAY</td>
<td>MMT</td>
<td>WD LAB</td>
<td>WD LAB</td>
<td>C</td>
<td>LIB LAB</td>
<td>WD</td>
<td>MP</td>
<td>PT LAB</td>
<td>PT LAB</td>
</tr>
<tr align="center"><br></br>
<td>SATURDAY</td>
<td>MP</td>
<td>TAC</td>
<td>LIB</td>
<td>H</td>
<td>MM LAB</td>
<td>MM LAB</td>
<td>WD</td>
<td>TAC</td>
<td>MMT</td>
</tr>
</table>
</html>
Web page:-
<html>
<h1 align="center"><u><font size="10"><i>CSE 5th Semester

Info</font></u></i></h1>
<body bgcolor="yellow"><br>
<font size="5">
<a href="cse.html">*Subject's Name</a><br>
<a href="TIMETABLE.html">*Time Table</a>
</body>
</html>
Output:-
cse.html:-
TIMETABLE.html:-
Practical-4
Aim:- Create a webpage using Frameset and HTML tag.
 Frame src="1.html":-
<HTML>
<BODY BGCOLOR="CYAN">
<H1 ALIGN="CENTER"><I>HTTP</I></H1>
<P> HTTP IT IS STAND ON HYPER TEXT TRANSFER PROTOCOL<BR>
IT USES WEB BROWSER AND WEB SERVER TO COMMUNICATE

WITH <BR>
EACH OTHER OVER THE INTERNET IT IS CONNECTION LESS TEXT

BASE PROTOCOL.
</BODY>
</HTML>
<HTML>
<BODY BGCOLOR="RED">
<H1>MIME</H1>
<P>It is stand on Multi purpose internet mail extension.<br>
It is an internet standard form for describe message content tupes <br>

mime message can contain text,imagae,audioother application specific
data.</p>
<H1> MIME TYPES</H1>
<TABLE WIDTH="300"HEIGHT="50"BORDER="3"
BORDERCOLOR="BLACK">
<TR>
<TD ALIGN="CENTER">TYPE</TD>
<TD ALIGN="CENTER">EXTENSION</TD>
<TD ALIGN="CENTER">PURPOSE</TD>
</TR>
<TR>
<TD ALIGN="CENTER">Text/hTML</TD>
<TD ALIGN="CENTER">.html</TD>
<TD ALIGN="CENTER">Use for creating a web page</TD>
</TR>
<TR>
<TD ALIGN="CENTER">Image/png</TD>
<TD ALIGN="CENTER">.png</TD>
<TD ALIGN="CENTER">Use for png format image</TD>
</TR>
<TR>
<TD ALIGN="CENTER">Audio/mpeg</TD>
<TD ALIGN="CENTER">.mp3</TD>
<TD ALIGN="CENTER">Use for mpeg audio file</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HTML>
<BODY BGCOLOR="YELLOW">
<H>E-MAIL</H>
<P>it is stand on electronic mail. <BR>
It is used for send and receive message over the Internet</P>
<P>ADVANTAGE</P>
<OL>
<LI>Speed</LI>
<LI>Privacy</LI>
<LI>Unlimited text send</LI>
<LI>AT a onetime text send to different user</LI>
</OL>
</BODY>
</HTML>
<HTML>
<BODY>
<H1>NETWORK</H1>
<H2>Topology of network</H2>
<UL>
<LI>Ring</LI>
<LI>StAR</LI>
<LI>Tree</LI>
<LI>Hybrid</LI>
<LI>Bus</LI>
</UL>
</BODY>
</HTML>
 Frameset cols:-
<HTML>
<FRAMESET COLS="25%,25%,25%,25%">
<FRAME SRC="A.HTML">
<FRAME SRC="B.HTML">
<FRAME SRC="C.HTML">
<FRAME SRC="D.HTML">
</FRAMESET>
</HTML>
 Frameset rows:-
<HTML>
<FRAMESET ROWS="25%,25%,25%,25%">
<FRAME SRC="A.HTML">
<FRAME SRC="B.HTML">
<FRAME SRC="C.HTML">
<FRAME SRC="D.HTML">
</FRAMESET>
</HTML>
Output:-
 Frameset cols:-
 Frameset rows:-
Practical-5
Aim:- Create a webpage of image tag using HTML.
<html>
<h1 align="center">
<font color="red">
<u>Vaish Education Society
</u>
</font>
</h1>
<body bgcolor="green">
<center>
<img src="vaish.png" height="250" width="700" border="5">
</center>
<br><br><br><br>
<marquee>
<font color="pink" size="20">
VAISH COLLEGE WELCOMES YOU
</marquee>
</body>
</html>
Output:-
Practical-6
Aim:- Create a webpage of list item using HTML.
Ordered List
<html>
<head><center><u><b><font color="red" size="18">Vaish College of

Engineering</u></b></font>
</head></center>
<h1><u><font color="green">Colleges</u></font>
<ol><font color="dark blue">
<li>Vaish B.Ed College</li>
<li>Vaish College of Pharmacy</li>
<li>Vaish Boys College</li>
<li>Vaish Girls College</li>
<li>Vaish College of Law</li>
<li>Vaish Technical Institute</li></ol></font>
</body>
</html>
Output:-
Unordered List
<html>
<head><center><u><b><font color="red" size="18">Vaish College of

</head></center>
<ul><font color="dark blue">

<li>Vaish Technical Institute</li></ul></font>
</body>
</html>
Output:-
Practical-7
Aim:- Create a website of your college using HTML tags.
 "1.html":-
<html>
<h1 align="center"><font color="red"><u>Vaish Education

Society</u></font></h1>
<body bgcolor="pinkblue">
<center>
<img src="vaish.png" height="150" width="600" border="5" ></center>
<p><a href="g.html"><font size=5>*Vaish College Rohtak</a></p>
<p><a href="c.html">*Course Offered</a></p>
<p><a href="f.html">*Facilities</a></p>
<p><a href="H.html">*Student Welfare</a></p></font size>
</body>
</html>
 "g.html":-
<html>
<head><center><u><b><font color="blue" size="18">Vaish College of

</head></center>
<ol><font color="orange">
<li>Vaish Technical Institute</li></ol></font>
</body>
</html>
 "c.html":-
<html>
<head><center><u><b><font color="blue" size="18">Course

Offered</u></b></font>
</head></center>
<ul><font color="orange">
<li>B.Tech( CSE, ECE, EE, ME, IT )</li>
<li>M.Tech( CSE, ECE, EE, ME, IT )</li>
<li>MBA</li>
<li>BBA</li>
<li>B.ED</li>
<li>B.A</li>
<li>M.A</li>
<li>B.C.A</li>
<li>M.C.A</li>
<li>M.SC</li>
<li>B.SC</li>
<li>B.COM</li>
<li>M.COM</li>
<li>B.Lib</li>
<li>M.Lib</li>
<li>LLB</li>
</ul></font>
</body>
</html>
 "f.html":-
<html>
<head><center><u><b><font color="blue"
size="18">Facilities</u></b></font>
</head></center>
<li>HOSTEL FACILITY</li>
<li>LIBRARY FACILITY</li>
<li>TRANSPORT FACILITY</li>
<li>CANTEEN FACILITY</li>
<li>WORKSHOP FACILITY</li>
<li>LABORATORY FACILITY</li>
</ul></font>
</body>
</html>
 "H.html":-
<html>
<head><center><u><b><font color="blue" size="18">Student

Welfare</u></b></font>
</head></center>
<li>ACHIEVERS</li>
<li>TRAINING CELL</li>
<li>PLACEMENT CELL</li>
<li>STUDENT ASSOCIATION</li>
<li>SCHOLARSHIP</li>
<li>AWARDS</li>
</ul></font>
</body>
</html>
Output:-
 "1.html":-
 "g.html":-
 "c.html":-
 "f.html":-
 "H.html":-

Merged Document

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Merged Document

Uploaded by

Copyright:

Available Formats

PRACTICAL FILE

1 To study about HTML. 1-5

2 Create a webpage of time table 6-10

between Webpages using

7 Create a website of your 32-38

college using HTML tags.

Aim:- To study about HTML.

H-T-M-L are initials that stand for HyperText Markup Language.

 Hyperis the opposite of linear. It used to be that computer programs had

HTML is the standard markup language for creating Web pages.

 HTML stands for Hyper Text Markup Language

 The <html> element is the root element of an HTML page

HTML tags are element names surrounded by angle brackets:

<tagname>content goes here...</tagname>

 HTML tags normally come in pairs like <p> and </p>

Write HTML Using Notepad or TextEdit.

Step 1: Open Notepad (PC)

Open Start > Programs > Accessories > Notepad

Step 2: Write Some HTML

Write or copy some HTML into Notepad.

Step 3: Save the HTML Page

The result will look much like this:

Aim:- Create a webpage of time table using HTML.

Aim:- Program to show Linking between Webpages using

<head><b><u><font size=10>CSE 5th Semester Subject's Name:-

<title> Web page </title>

<p><br><font size=5><font color="black">1.MMT-Multimedia

<br>2.POS-Principle Of Operating System</br>

<br>5.Tac-Theory Of Automata & Computation</br>

<h1 align="center"><u><font size="10"><i>CSE 5th Semester

<a href="cse.html">*Subject's Name</a><br>

<a href="TIMETABLE.html">*Time Table</a>

Aim:- Create a webpage using Frameset and HTML tag.

<P> HTTP IT IS STAND ON HYPER TEXT TRANSFER PROTOCOL<BR>

IT USES WEB BROWSER AND WEB SERVER TO COMMUNICATE

EACH OTHER OVER THE INTERNET IT IS CONNECTION LESS TEXT

<P>It is stand on Multi purpose internet mail extension.<br>

It is an internet standard form for describe message content tupes <br>

<H1> MIME TYPES</H1>

<TD ALIGN="CENTER">Use for creating a web page</TD>

<TD ALIGN="CENTER">Use for png format image</TD>

<TD ALIGN="CENTER">Use for mpeg audio file</TD>

<P>it is stand on electronic mail. <BR>

It is used for send and receive message over the Internet</P>

<LI>Unlimited text send</LI>

<LI>AT a onetime text send to different user</LI>

<u>Vaish Education Society

<img src="vaish.png" height="250" width="700" border="5">

<font color="pink" size="20">

VAISH COLLEGE WELCOMES YOU

<head><center><u><b><font color="red" size="18">Vaish College of

<ol><font color="dark blue">

<li>Vaish B.Ed College</li>

<li>Vaish College of Pharmacy</li>

<li>Vaish Boys College</li>

<li>Vaish Girls College</li>

<li>Vaish College of Law</li>

<li>Vaish Technical Institute</li></ol></font>

<head><center><u><b><font color="red" size="18">Vaish College of

<ul><font color="dark blue">

<li>Vaish B.Ed College</li>

<li>Vaish College of Pharmacy</li>