Practical File: Vaish College of Engineering, Rohtak

PRACTICAL FILE
ON
SESSION: 2019-22
SUBMITTED TO: SUBMITTED BY :

ANKUR GUPTA KUNAL
A.P IN CSE DEPTT. BBA 5th SEM
VCE, Rohtak R.NO. 19/BBA/16
UNIV. R.NO.
VAISH COLLEGE OF ENGINEERING,ROHTAK

Index
S. No Particulars Pages Date Remarks
1 To study about HTML.
2 Create a webpage of time
table using HTML.
3 Program to show Linking
between Web pages using
Anchor tag in HTML.
4 Create a webpage using
Frameset and HTML tag.
5 Create a webpage of image
tag using HTML.
6 Create a webpage of list item
using HTML.
7 Create a website of your

college using HTML tags.
Aim:- To study about HTML.
 Introduction:-
H-T-M-L are initials that stand for Hyper Text Markup Language.
 Hyper is the opposite of linear. It is used to be that computer programs
had to move in a linear fashion. This before 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.
 Text is what you will use. Real, honest to goodness English letters.
 Mark up is what you will do. You will write in plain English and then mark
up what you wrote .More to come on that in the nest Primer.
 Language because they needed Louie didn’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 piece 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>
<h I >MyFirstHeading</h I >
MyFirstParagraph
</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 <hl> element defines a large heading
 The 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 and 

 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.
Stcp 4: Vicw thc HTML Pagc in Your Browscr
Open the saved I-I'I'ML 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 – 02.
Aim:- Create a webpage of time table using HTML.
<html>
<body>
<title>Time-Table</title>
<table align="center" bgcolor="YELLOW" width "800" height-"400"
frame="Box">
<caption><h1>TIME
TABLE</h1></caption>
<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> 
<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>
<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>
<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>
<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>
<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”> 
<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>
</body>
</html>
Output:-
PRACTICAL – 03.
Aim:- Program to show Linking between Webpages

using Anchor tag in HTML.
Link 1:-“cse.html”
<html>
<head>CSE 5TH Semester Subject’s Name:-
</head>

<title>Web page</title>
<body bgcolor=”yellow”>
 1.MMT-Multimedia Technology
 2.POS-Principle Of Operating System
 3.CG-Computer Graphics
 4.WD-Web Designing
 5.Tac-Theory of Automata & Computation
 6.MP-Microprocessor

</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><hl>TIME
TABLE</h 1 ></caption>
<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> 
<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>
<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>
<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>
<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>
<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”> 
<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>
</body>
</html>
Web page:-
<html>
<h1 align=”centre”><CSE 5TH Semester
Info</h1>
<body bgcolor=”yellow”> 

<a href=”cse.html”>*Subject’s Name</a> 
<a href=”TIMETABLE.html”>*Time Table</a>
</body>
</html>
Output:-
Cse.html:-
TIMETABLE.html:-
PRACTICAL – 04.
AIM:- Create a webpage using frameset and HTML tag.

 Frame src=”1.html”:-
<HTML>
<BODY BGCOLOR=”CYAN”>
<H1 ALIGN=”CENTER”>HTTP</H1>
HTTP IT IS STAND ON HYPER TEXT TRANSFER PROTOCOL 
IT USES WEB BROWSER AND WEB SERVER TO COMMUNICATE WITH 
EACH OTHER OVER THE INTERNET IT IS CONNECTION LESS TEXT BASE
PROTOCOL.
</BODY>
</HTML>
<HTML>
<BODY BGCOLOR=”RED”>
<H1>MIME</H1>
It is stand on multi purpose internet mail extension. 
It is an internet standard form for describe message content tupes 
Mime message can contain text,imagae,audio other application specific
data.
<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>
it is stand on electronic mail. 
It is used for send and receive message over the Internet
ADVANTAGE
<OL>
<L1>Speed</L1>
<L1>Privacy</L1>
<L1>unlimited text send</L1>
<L1>AT a onetime text send to different user</L1>
</OL>
</BODY>
</HTML>
<HTML>
<BODY>
<H1>NEYTWORK</H1>
<H2>Topology of network</H2>
<UL>
<L1>Ring</L1>
<L1>StAR</L1>
<L1>Tree</L1>
<L1>Hybrid</L1>
<L1>Bus</L1>
</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 – 05.
AIM :- CREATE A WEBPAGE OF IMAGE TAG USING HTML

<html>
<h1 align=”center”>

 Vaish Education Society

</front>
</h1>
<body bgcolor =”green”>
<center>
<img sre=”Vaish.jpg” height=”250” width=”700” border=”5”>
</center>
 
<marquee>

VAISH COLLEGE WELCOMES YOU
</marquee>
</body>
</html>
Output:-
PRACTICAL – 06.
AIM:- Create a webpage of list item using HTML
ORDERED LIST
<html>
<head><center><front color=”red”size=”18”>Vaish College of
Engineering 
</head></center>
<h l>College
<ol>
<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>

</body>
</html>
Output:-
UNORDERED LIST
<html>
<head><center><front color=”red”size=”18”>Vaish College of
Engineering 
</head></center>
<h l>College
<ul>
<li>Vaish B.ED College</li>
<li>Vaish Technical Institute</li>
</ul>

</body>
</html>
Output:-
PRACTICAL – 07.
Aim:- Create a website of your college using HTML tags.

 “1.html”:-
<html>
<h1 align=”center”>Vaish Education
Society</h1>
<body bgcolor=”pinkblue”>
<center>
<img src=”vaish.png” height=”150” width=”600” border=”5”></center>
<a href=”g.html”>*Vaish College Rohtak</a>
<a href=”c.html”>*Course Offered</a>
<a href=”f.html”>*Facilities</a>
<a href=”H.html”>*Student Welfare</a>
</body>
</html>
 “g.html”:-
<html>
<head><center>Vaish College of
Engineering
</head></center>
<h1>Colleges
<ol>
<li>Vaish B.Ed college</li>
<li>Vaish Technical Institute</li></ol>
</body>
</html>
 “c.html”:-
<html>
<head><center>Course
Offered
</head></center>
<ul>
<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.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>
</body>
</html>
 “f.html”:-
<html>
<head><center>Facilities
</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>
</body>
</html>
 “H.html”:-
<html>
<head><center>Student
Welfare
</head></center>
<li>ACHIEVERS </li>
<li>TRAINING CELL</li>
<li>PLACEMENT CELL</li>
<li>STUDENT ASSOCIATION</li>
<li>SCHOLARSHIP</li>
<li>AWARDS</li>
</ul>
</body>
</html>
Output:-
 “1.html”:-
 “g.html”:-
 “c.html”:-

Practical File: Vaish College of Engineering, Rohtak

Uploaded by

Practical File: Vaish College of Engineering, Rohtak

Uploaded by

PRACTICAL FILE

SUBMITTED TO: SUBMITTED BY :

VAISH COLLEGE OF ENGINEERING,ROHTAK

7 Create a website of your

 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>

but uses them to determine how to display the document:

However, for learning HTML we recommend a simple text editor like

Step 1: Open Notepad (PC)

Open Start > Programs > Accessories > Notepad

Step 2: Write Some HTML

Write or copy some HTML into Notepad.

preferred encoding for HTML files).

Stcp 4: Vicw thc HTML Pagc in Your Browscr

The result will look much like this:'

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

Aim:- Program to show Linking between Webpages

Link 2:- "TIMETABLE.html"

AIM:- Create a webpage using frameset and HTML tag.

AIM :- CREATE A WEBPAGE OF IMAGE TAG USING HTML

AIM:- Create a webpage of list item using HTML

Aim:- Create a website of your college using HTML tags.

You might also like