Scribd
Upload
27 views55 pages

Practicle 5th Sem

Uploaded by

himanshu
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
27 views55 pages

Practicle 5th Sem

Uploaded by

himanshu
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/ 55

INSTITUTE OF MANAGEMENT &

TECHNOLOGY

[Approved by AICTE & Affillied to M.D. University, Rohtak]

PRACTICAL FILE

COMPUTER NETWORKING &

INTERNET

BBA 3rd Year (5th

semester) Batch :-

2021-2024

Bachelor of Business Administration

SUBMITTED TO SUBMITTED BY

Mrs. POOJA SHARMA KAJAL

Roll No.

Registration No. 2111051003


CONTENT OF TABLE
S.No. TITLE Page No. Teacher
Signature
1 Introduction to HTML Create a 1-4
basic HTML File
Create a static web page using 5-10
2 which define all text
formatting Tsgs in HTML
tabular form
3 Create web page using list tags in 11-14
HTML
4 Create a static web page using 15-20
table tabs of HTML
5 Create employee registration web 21-26
page using HTML form object
Create a static web page which 27-28
6 include title of a page, image
and
moving text
7 Create contact us web page 29-32
which include google map
Create a HTML web page 33-36
8 display your education details
in tabular
format
Create a HTML web page or 37-38
9 login and submitting a should
use
navigated to a profile page
Create a HTML web page to 39-46
10 display your C.V along with
your
photograph
PRACTICAL -1

OUTPUT-:

1
PRACTICAL -
Introduction to HTML. Create a basic HTML file

Hyper Text Markup Language is a set of logical codes (markup) in parentheses that
constitute
the appearance of a web document and the information it contains. It is a language for
creating

static webpages. It specifies how the contents are to be presented on the web page. HTML
is not
a case sensitive language so; HTML and html both are same.
HTML is a text document with formatting codes and this document has the suffix ".html"
or ".html".

Basic HTML Document


An element called HTML surrounds the whole document. This element contains two sub-elements
,HEAD and BODY. These elements are required to form any HTML document.

<html
>
< Head>
<Title> The First Page</title>
< /head>

<Body>
Hello World
</body>
</
html>
Just write down above code in the notepad editor and save this file with the extension of
.html or

html and then double click on that file you will get output on the default web browser.
Following are more sub tags of <Head>
<HTML>

2
PRACTICAL -
<HEAD> has sub-elements that define header material:

3
4
<TITLE> document title. The title of your document is what appears in a web
browser's
Favouriteor Bookmark list. Search engines on the Internet use the
document's title for indexing
purposes.
</TITLE>
<BASE> can be used to record the document's location in the form of a URL. </BASE>
<ISINDEX> indicates to the browser that the document is an index document. This
is used

only if the document is on a server that does indexing.


</ISINDEX>
<LINK > indicates a relationship between this document and some other object on
the Web.
</LINK>
-META> provides information such as the page's keywords and description that
appears in
HTTPheaders.
</META>
<SCRIPT> contains either JAVA Script or VB Script </SCRIPT>
<STYLE> contains information used by cascading style sheets </STYLE>
</HEAD>
<BODY>
the remaining HTML elements are contained within these tags.
</BODY>
</HTML>

4
PRACTICAL -

OUTPUT-:

5
PRACTICAL -
Create a static web page which defines all text formatting tags of HTML in
tabular format
<html>
<body>
<center>
<table border=1>

<caption align-"top"><font size="+2" color="red">Text Formatting Tags</font>


</caption>
<tr> tr>
<tr>

</
tr>
<tr>

</
tr>
<tr>

</
tr>
<tr>

</

6
PRACTICAL -
Bold </B></td>

<th>HTML
Tag</th>
<th>Outp
<td>&lt;1&gt; </td>
ut</th>

<td>norm
al
text</td>
<td>hello
world</td
>

<td>Font
& its
attributes
</td>
<td><FON
T
SIZE="+2"
COLOR="#
RRGGBB">
hello
world
</
FONT></
td>

<td>&lt;
B&gt;
</td>
<td><B>
7
8
</tr>

</ <tr>
tr>
<tr>

</
tr>
<tr>

</
tr>
<tr>

</
tr>
<tr>

</
tr>
<tr>

</
tr>
<tr>

9
<td><I> </TT></td>
Italic
</I></td>

<td> &lt;CITE&gt; </td>

<td>&lt; <td><CITE> Citation </CITE></td>


U&gt;</td
>
<td><U>
Underline <td>&lt;STRIKE&gt;</td>
</U></td>
<td><STRIKE> strike-through text </STRIKE></td>

<td>&lt;E
<td>&It; BIG&gt; </td>
M&gt;</
td> <td><BIG> text in a big font </BIG></td>
<td><EM>
Emphasis
</EM></t
d>

<td>&It;ST
RONG&gt;
</td>
<td><STR
ONG>
STRONG
</STRONG
></td>

<td>&lt;
TELETYPE
&gt;</td>
<td><TT>
TELETYPE
1
1
</
tr>
<tr>
<td>&lt;SMALL&gt; </td>
<td><SMALL> text in a small font <SMALL></td>
</tr>
<tr>
<td>&lt;SUB&gt;</td>

<td>a<SUB> b </SUB></td>
</tr>
<tr>
<td>&lt; SUP& gt;</td>
<td>a<SUP> b</SUP></td>

</tr>
</table>
</body>

</html>

1
PRACTICAL -
OUTPUT-

1
PRACTICAL -
Create webpage using list tags of HTML
<html>
<body>
<b> HTML List: Ordered, Unordered & Definition List</b>
<hr>

Following is the list of proposed student activities like:


<OL type=1>
<li>Develop programs related with unit vice topics in computer laboratory.</li>

<li>Develop any module of to be useful in real life application. </li>


<li>Multimedia presentation of module developed by students.</li>
</OL>
<hr>

List of Software/Learning Websites


<UL>
<li><u>ASP Tutorial - W3Schools</u><br>
<a href-http://www.w3schools.com/asp/> www.w3schools.com/asp</a></li>

<li><u>Classic ASP Tutorials & Articles - Web Wiz</u><br>


<a href-"http://www.webwiz.co.uk">www.webwiz.co.uk - Knowledgebase</a></li>
<li><u>HTML Tutorial - W3Schools</u><br>

<a href="http://www.w3schools.com/html/"> www.w3schools.com/html</a></li>


<li><u>CSS Tutorial</u><br>
<a href="http://www.csstutorial.net/"> www.csstutorial.net</a></li>
<li><u>VBScript Tutorial - Tutorials Point</u><br>
<a>

href="http://www.tutorialspoint.com/vbscript/ 1
1
www.tutorialspoint.com/vbscript/index.htm</a></li>
<li><u>ADO Tutorial - W3Schools</u><br>

<a href="http://www.w3schools.com/ADO/default.asp">
www.w3schools.com/ADO/default.asp</a></li>
</UL>
<hr>
<DL>
<DT>HTML</DT>
<DD>Hyper Text Markup Language</DD>
<DT>XML</DT>
<DD>eXtensible Markup Language</DD>
</DL>

</body>
</html>

1
PRACTICAL –
OUTPUT-:

1
PRACTICAL -
Create a static webpage using table tags of HTML
<htmI>
<body>
<TABLE BORDER="1" CELLPADDING="2">
<CAPTION ALIGN="Top"><b>Specification Table with Hours and Marks<CAPTION>

<TR>

<TH ROWSPAN="2">Unit No.</TH>


<TH ROWSPAN="2">Unit Title</TH>
<TH ROWSPAN="2">Teaching Hours</TH>
<TH Colspan="4">Distribution of Theory Marks</TH>
</
tr>

<tr>
<TD>R Level </TD>
<TD>U Level </TD>
<TD>A Level </TD>
<TD> Total Marks </TD>

</
tr>
<tr> <TD> <center>I </TD>
<TD>Introduction to Internet Technology</TD>
<TD><center>2</TD>
<TD><center>4</TD>

<TD><center>4</TD>
<TD><center>0</TD>
<TD><center>8</TD>

</
tr>
<TD> <center>II </TD> 16
<tr>
1
<TD>Basics of HTML & CSS</TD>
<TD><center>6</TD>
<TD><center>0</TD>
<TD><center>2</TD>
<TD><center>6</TD>
<TD><center>8</TD>
</
tr>
<tr>
<TD> <center> III </TD>
<TD>Active Server Pages 3.0</TD>
<TD><center> 6</TD>

<TD><center>4</TD>
<TD><center>8</TD>
<TD><center>0</TD>

<TD><center>12</TD>

</
tr>
<tr> <TD> <center>IV </TD>
<TD> Server Side Coding with VBScript and XML</TD>
<TD><center>8</TD>
<TD><center>2</TD>
<TD><center>4</TD>

<TD><center>8</TD>
<TD><center>14</TD>

</
tr> <TD> <center>V </TD>
<tr> <TD>ASP Objects & Components</TD>

<TD><center>10</TD>
1
1
<TD><center>4</TD>
<TD><center>4</TD>
<TD><center>6</TD>
<TD><center> 14</TD>
</
tr>
<tr>
<TD> <center>VI </TD>
<TD>Accessing database with ASP & ADO</TD>
<TD><center> 10</TD>

<TD><center>4</TD>
<TD><center>4</TD>
<TD><center>6</TD>

<TD><center>14</TD>
</tr>
<tr>
<TD> </TD>
<TD><center><b>Total</TD>

<TD><center><b>42</TD>
<TD><center><b>18</TD>
<TD><center><b>26</TD>
<TD><center><b>26</TD>
<TD><center><b>70</TD>

</
tr>
</TABLE>
</body>
</html>

2
PRACTICAL -
OUTPUT-:

2
PRACTICAL -
Create emplovee registration webpage using HTML form objects
<html>
<body>
<Center>
<img src="C:\Users\shalu\Downloads\employee_icon.png " height=52 width=52>

<Font size="+3" color=red>Employee Registration Form</font>


<form method=post action="prac.html">

<table>
<tr
>
<td></td>
<td><input type=radio name=initial checked>Mr.

<input type=radio name=initial>Mrs.


<input type=radio name=initial>Ms. </td>
</tr><tr>
<td> First Name</td>
<td><input type=text name=fn placeholder="First Name"></td>

</tr><tr>
<td> Last Name</td>
<td><input type=text name=In placeholder="Last Name"></td>
</tr> <tr>
<td> Mail Address1</td>

<td><input type =text name=add1></td>


</tr><tr>

<td>Mail Address2</td>
<td><input type=text name=add2></td>
</tr><tr>

<td>City</td>
<td><input type=text name=ct></td> 22
2
</tr><tr>
<td> State</td>
<td><select name=state>
<option value="Gujarat">Gujarat
<option value="Maharastra">Maharastra
<option value="Karnataka">Karnataka
<option value="Delhi">Delhi
</select>
</td>

</tr><tr>
<td>Zip</td>
<td><input type=text name=zp></td>

</tr><tr>
<td>Upload Photo</td>
<td><input type=file name=-photo></td>
</tr><tr>
<td>E-Mail</td>

<td><input type=text name=email size=30></td>


</tr><tr>
<td>Mobile</td>
<td><input type=text name=mob placeholder="+91"></td>
</tr><tr>
<td> Languages known</td>
<td><input type=checkbox name-lk value=Gujarati checked>Gujarati </td>
</tr><tr>

<td></td>
<td><input type=checkbox name=lk value=Hindi checked>Hindi</td>
</tr><tr>
<td></td>
2
2
<td><input type=checkbox name=lk value=English checked>English</td>
</tr><tr>
<td></td>
<td><input type=checkbox name=lk value=Marathi >Marathi</td
</tr><tr>
<td>Additional Information</td>
<td><textarea name=add rows=3 cols=20
placeholder="Optional" wrap></textarea></td>

</tr><tr>
<td></td>
<td><input type=submit value=submit>&nbsp; < input type=reset value=reset></td>
</table>

</form>
</body>
</html>

2
PRACTICAL -
OUTPUT-:

2
PRACTICAL -
Create a static web page which includes title of a page, image and moving
of text
<html>
<head>
<title>Nature and Man Made</title>
</head>
<body class="img1" background="peakpx.jpg">
</body>
<center><img src="C:\Users\shalu\Downloads\giphy.gif
"' alt="A gif"></center>
<marquee > Create a static web page which include title of a page, image
</marquee>
</html>

2
PRACTICAL -
OUTPUT-

2
PRACTICAL -
Create connect us web page which includes Google Map

<!DOCTYPE html>

<html
> <h1>CONTACT US</h1>
<table>
</tr><tr>
<td>NAME</td>
<td><input type=text name=fn
placeholder="IMT FARIDABAD"></td>
</tr><tr>
<td>CONTACT NO.</td>
<td><input type=text
name=In placeholder="097119
34056"></td>
</tr> <tr>
<td>ADDRESS</td>
<td><input type=text name=fn
Placeholder="Sector 86, FARIDABAD, Haryana"></td>
</tr><tr>
</tr><tr>
<td>G-MAIL</td>
<td><input type=text
name=fn
placeholder="[email protected]"></td>
</tr><tr>
<td>LOCATION</td>
<td><input type=text name=In
placeholder=:"https://maps.app.goo.gl/HPgJumeWC1iiM5dp
7"></td>
</tr>
</table>
<body>

<h1>My First Google Map</h1>


<div class="mapouter"><dv
class="gmap_canvas"><ifrae class="gmap iframe" 30
3
frameborder="0
scrolling="no"
marginheight="0"
marginwidth="0"

src="https://maps.google.com/maps?width=600&amp;height
=400&amp;hl=en&amp;q=delhi&a
mp;t=&amp;z-
9&amp;ie=UTF8&amp;iwloc=B&amp;outpu
t=embed"></iframe><a
href="https://formatjson.org/">format

json</a></div><style>.mapouter {position:relative;te
xt- align:right; width:600px;height:400px;}. gmap_canvas

{overflow:hidden;background:none! important;
width: 600px;height:400px;}. gmap_iframe

{width:600px!important;height:400px|important;} </s
tyle></div>
</body>

</html>

3
PRACTICAL -
OUTPUT-:

3
PRACTICAL -
Create a HTML web page display educational details in tabular format
<!DOCTYPE html>
<html>
<style>
table, th, td { border: 1px solid black; }

</style>
<body>
<h2>Education Qualifications</h2>
<table style="width: 100%">
<tr>

<th>Education</th>
<th>University / board </th>
<th>Year</th>
</
tr>
<tr>
<td>Graduation</td>
<td>Maharshi Dayanand University</td>
<td>Pursuing BBA in 5th Sem</td>

</
tr>
<tr> <td>Intermediate School</td>
<td>HBSE</td>
<td>2020</td>

</
tr>
<td>High School</td> 34
<tr>
3
</ <td>HBSE</td>
tr>
<td>2018</td>
</table>
</body>
</html>

3
PRACTICAL -
OUTPUT-:

3
PRACTICAL -
Create a HTML web page for login and a submitting a form should uses
navigated to a profile page.

<div class="topnav">
<a class="active" href-"#home">Home</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
<div class="login-container">
<form action="/action_page.php">
<input type="text" placeholder="Username" name="username">
<input type="text" placeholder="Password" name="psw">
<button>
<a href="project 6.html"> Login</a>
<a href="p5.html"> Cancel</a>
</button>
</form>
</div>
</div>

3
PRACTICAL –
OUTPUT-:

3
PRACTICAL -
Create a HTML web page to display your CV along with your photograph.
<html>
<head>

<link type="text/ess"
rel="stylesheet"
href="https://www.dropbox.com/s/trsldt0me90jzs8/resume.css" />
<title></title>
</head>
<body>
<div id="header">
<p id="name"> KAJAL MEHTA</p>
<a href="mailto: [email protected]" target="_blank">

<p id="email"> [email protected]</p>


</a>

</div>
<div class="left">
≤/div>
<div class="right">
<div class = "image">

<img src =" C:\Users\shalu\Downloads\emplyee.png


" style="width: 100px;height: 100px;">
<h3>Objective</h3>
<p>
<ul>
<li> To work in a challenging and responsible position, in a growth oriented
and dynamic organization and contribute to the pursuit of the
organization's mission by employing my natural creativity as well as strong
interpersonal skills. </li>

</ul>

4
4
</p>
<h3>Interest</h3>
<p>
<ul>

<li> Interacting with people. </li>


<li> Learning New Skills.</li>
<li> One Step For Knowing About The Technical World.</li>
<li> Communication with professional peoples and learn from their
knowledge and
experience. </li>

</div>
<div id-"footer">
<h3>Academic Qualifications</h3>
<table>

<tr> <id="heading">
<td> Academic Qualification </td>
<td>Board / University </td>

<td> Percentage / Grades</td>


<td> Year</td>
</tr>

<tr>

<td>BBA</td>
<td>Maharshi Dayanand University </td>
<td> 5th SEM</td>
<td>Pursuing</td>
</tr>
<tr>

<td>Intermediate School (Commerce Stream)</td>

<td>HBSE</ 4
4
<d>64.2%</td>
<td>2020</td>

</tr>
tr>

<td>High School</td>
<td>HBSE</td>
<td>62.4%</td>
<td>2018</td>
</
tr>
</table>
<h3>Computer Skills</h3>
<p>
<ul>
</ul>
<li>Microsoft Office (Ms Word, Ms Excel)</li>
<li>Basics Of Computer</li>

<ul>

<h3>Professional Efficiences</h3>
<р>

<ul>
</p>

</ul>

4
<li> Strong will
power.</li>
<li>Hard working and
disciplined.</li>

<li>Punctual and
regular.</li>
<li>Decision Making.</li>
<li>Positive Attitude</li>

4
4
<h3>Personal Information:</h3>
<p>
<ul>
<li>

A young, determined hard and smart working person. I


believe in task based roles and complete ownership of work.
</li>
<li>

<span id="course-name">Languages Known:</span>English,


Hindi
,
</li>
<li>
<span id="course-name" >Hobbies:</span>I love reading
books / magazines, playing Online games, badminton,
listening music, surfing Internet, self-learning through e-
courses.

</li>
</
ul>
</p>
<h3>Declaration</h3>

<p>
I hereby declare that the details furnished above are true and correct
to the best of my knowledge and belief. </p></div>

</body>
</html>

You might also like