Practical File ON HTML: Maharshi Dayanand University Rohtak

PRACTICAL
FILE
ON
HTML
SUBMITTED TO: SUBMITTED BY:
Dr. SANDEEP DALAL AMIT HOODA
Assistant Professor MCA (1st Sem.)
Dept. Of Comp. Science and Application Roll no: 18105
MAHARSHI DAYANAND UNIVERSITY ROHTAK

INDEX
S. No. PROGRAM SIGNATURE
CHANGE FONT AND
01
BACKGROUND COLOR
02 USE OF FORMATTING TAGS
03 MCA 1ST TIME TABLE
04 USE OF HEADING TAGS
05 INSERT PICTURE IN WEBPAGE
06 INTERNAL & EXTERNAL LINKING
07 USE OF LIST TAGS
08 PERSONAL BIO-DATA
09 USE OF FORM TAG
10 USE OF FRAME TAG
11 WEB PAGE
12
13
14
15
1.Web-page to change font and background colour.
<html>
<head>
<title>change font and background color</title>
</head>
<body bgcolor = "568767" >
<h1><font face = "Impact">THIS IS IMPACT FONT</font></h1>
<align = "center"><FONT FACE = "Lucida Calligraphy">THIS IS LUCIDA CALLIGRAPHY

FONT</font></br></br>
<h1><font face = "STENCIL">THIS IS STENCIL FONT</font></h1>
<align = "center"><FONT FACE = "Arial">ARIAL FONT</font>
</body>
</html>
OUTPUT:
2. Web-page using all formating tags.
<html>
<head>
<title>formatting tags</title>
</head>
<body>
<h1><font color = "457457">FTP</font></h1><br>
<font face = "Calibiri" size = "4" color = "26865"></b></i></u>
File Transfer Protocol (FTP) is the commonly used protocol for exchanging files over the
<DEL>Intranet</DEL> internet.<BR>
<H2><font color = "787563">HOW IT WORKS</font></H2><BR>
FTP<sub>works</sub>in the same way as HTTP for transferring Web pages from a server to
a user's <i>browser</i>browser and SMTP for transferring electronic mail across the
Internet in that, <small>like these technologies.</small>
<BR><BR>
<h2>USE OF FTP</h2>
<sup>FTP </sup><i> is most commonly used to download a file from a server using the
Internet or to upload a <mark>file to a server.s </mark></i><BR>
</body>
</html>
OUTPUT:
3. Time table of mca 1st sem. Using appropriate tags.
<html>
<head>
<title>time table</title>
</head>
<body bgcolor = "978654">
<H1><CENTER><u>COLLEGE TIME TABLE</u></FONT></H1>
<table BORDER = "10" cellspacing="25" align="center">
<tr>
<td align="center">
<td>9:00-10:00
<td>10:00-11:00
<td>11:15-13:15
<td>13:15-14:15
<td>14:15-15:15
<td>15:15-16:15
</tr>
<tr>
<td align="center">MONDAY
<td align="center">C<td align="center">DD<br>
<td align="center">LAB<br>
<td rowspan="6"align="center">L<br>U<br>N<br>C<br>H<br>
<td align="center">C++<br>
<td align="center">MATHS<br>
</tr>
<tr>
<td align="center">TUESDAY
<td align="center">C<br>
<td align="center">DD<br>
<td align="center">C++<BR>
</tr>
<tr>
<td align="center">WEDNESDAY
<td align="center">DD<BR>
<td align="center">HTML<BR>
</tr>
<tr>
<td align="center">THURSDAY
<td align="center">HTML<br>
<td align="center">LAB<BR>
</tr>
<tr>
<td align="center">FRIDAY
<td align="center">HTML<BR>
<td colspan="2"align="center">
</tr>
<tr>
<td align="center">SATURDAY
<td align="center">HTML<br>
<td colspan="2"align="center">
</tr>
</body>
</html>
OUTPUT:
4. Web-page illustration all heading tags.
<html>
<head>
<title>heading tags</title>
</head>
<body>
<h1>BUS TOPOLOGY</h1>
In networking a bus is the central cable -- the main wire -- that connects all devices on a
local-area network (LAN).
<h2>MESH TOPLOGY</h2>
In a mesh network, devices are connected with many redundant interconnections between
network nodes.
<h4>TREE TOPOLOGY</h4>
This is a "hybrid" topology that combines characteristics of linear bus and star topologies.
</body>
</html>
OUTPUT:
5. Insert picture in a web-page.
<html>
<head>
<title>PICTURE</title>
</head>
<body>
<h1 align = "center">OCEAN<br><br>
<img src = "C:\Windows\Web\Wallpaper\Theme1\img2.jpg" align = "center" height

= "70%" width = "60%" border = "5">
</body>
</html>
OUTPUT:
6. Internal and external linking.
<html>
<head>
<title>links</TITLE>
</head>
<body>
<h1>EXTERNAL LINKING : </h1></br>
<a href="https://www.twitter.com">TWITTER</a> IS A SOCIAL NETWORKING WEBSITE.
<h1>INTERNAL LINKING : </h1><br>
<a href="C:\Users\Hooda\Desktop\HTML PROGRAM\mayank\FORM1.html">THIS

LINK</a>WILL TAKE YOU TO MY COLLEGE ADMISSION FORM.
</BODY>
</HTML>
OUTPUT:
7. List of books by using list tags.
<html>
<head>
<title>list of books</title>
<body>
<h1 align = "center"><b><u>LIST OF BOOKS</b></u></h1>
<ul type = "circle">
<li font size = "29">BOOKS FOR FOUNDATION OF MATHEMATICS
<ol>
<li>Concrete Mathematics- Donald Knuth, Ronald Graham
<li>Mathematical Thinking:John P. D'Angelo.
<li>Elements of Discrete Mathematics by C. L. Liu
</ol>
<li>BOOKS FOR C++
<ol type = "1">
<li>C++ Primer * (Stanley Lippman, Josée Lajoie)
<li>A Tour of C++ (Bjarne Stroustrup)
<li>C++ PRIMER: BARBARA E. MOO
</ol>
<li>BOOKS FOR DIGITAL DESIGN
<ol type = "a">
<li> Digital principles and Applications By Malvino Leach
<li>Digital Fundamentals By Floyd
<li>Digital Systems by Ronald Tocci
</ol>
</ul>
</head>
</html>
OUTPUT:
8.Personal bio-data by using table tag and using
concept of rowspan and Colspan.
<html>
<head>
<title>bio data</title>
<body background = "C:\Windows\Web\Wallpaper\Theme2\img9.jpg">
<h1 align = "center" font face = "Elephant"><u>MY BIO DATA</u></h1>
<h5><u>MYSELF</u></h5>
NAME = AMIT HOODA<br>
CLASS = MCA(1st SEM)<br>
ROLL NO = 18105<br>
DEPARTMENT = DEPARTMENT OF COMPUTER SCIENCE<br>
UNIVERSITY = MAHARSHI DAYANAND UNIVERSITY<br>
<h5><u>ACADEMICS</h5></u>
UNDERGRADUATION = B.SC<br>
COLLEGE = ALL INDIAN JAT HEROES MEMORIAL COLLEGE<br>
<h5><u>HOBBIES</h5></u>
reading novels,playing football,listening songs</blockquote>
</body>
</head>
</html>
OUTPUT:
9. Form (Student Form) in html.
<html>
<head>
<title>form </title>
</head>
<body>
<h1 align = "center"> <u>COLLEGE ADMISSION FORM</u></H1>
<hr>
<form><font size="5">
<table>
First Name :<input type="text" name="first_name"/><br><br>
Last Name :<input type="text" name="Last_name"/><br><br>
Email Id :<input type="text" name="Email_id"/><br><br>
Password :<input type="password" name="password"/><br><br>
Description :<br>
<textarea rows="10"cols="50" name="description">
Enter description here.....
</textarea><br><br>
<input type="checkbox"name="Math"value="on">Math
<input type="checkbox"name="Physic"value="on">Physic
<input type="checkbox"name="English"value="on">English
<input type="checkbox"name="computer"value="on">Computer<br><br>
<input type="radio" name="subject" value="math">Math
<input type="radio" name="subject" value="physic">physic<br><br>
<select name="dropdown">
<option value="MCA"selected> MCA</option>

<option value="BCA"selected> BCA</option>
<option value="M.SC"selected> M.SC</option>
</select><br><br>
<tr>
<td><input type="reset"></td>
<td colspan="2"><input type="submit" value="Submit Form" /></td>
</tr>
</table>
</font>
OUTPUT:
10. Frames in html.
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset rows = "50%,50% "cols = "50%,50%" STYLE='BACKGROUND-

COLOR:RED'>
<frame name = "upleft"src = "C:\Users\HP\Desktop\html programs\website\face.png"

/>
<frame name = "upright" src = "C:\Users\HP\Desktop\html

programs\website\what.jpg" />
<frame name = "bottomleft" src = "C:\Users\HP\Desktop\html

programs\website\twi.png" />
<frame name = "bottomright" src = "C:\Users\HP\Desktop\html

programs\website\insta.jpg" />
</frameset>
</html>
OUTPUT:
11. Web-page using all formatting-tags in html with
CSS.
<HTML>
<HEAD>
<TITLE>THIS IS MY WEB PAGE</TITLE>
</HEAD>
<BODY BACKGROUND = "C:\Windows\Web\Screen\img104.jpg">
<div class="topnav">
<a class="active" href="#home">Home</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
<input type="text" placeholder="Search...">
</div>
<H1 STYLE = "COLOR:WHITE;"><U><P ALIGN = "CENTER"><font face =

"Impact">MAHARSHI DAYANAND<BR>UNIVERSITY</font></H1><U>
<hr>
<table>
<tr>
<td><BLOCKQUOTE><b>SYLLABUS</b></BLOCKQUOTE><BR>
<BLOCKQUOTE><select></BLOCKQUOTE>
<option value="bca">BCA</option>
<option value="b.tech">B.TECH</option>
<option value="bsc">BSC</option>
<option value="Mca">MCA</option>
<option value="M.tech">M.TECH</option>
<option value="Msc">MSC</option>
</select><BR>
<BR>
<BLOCKQUOTE><b>IMAGE GALLERY</b></BLOCKQUOTE><BR>
<BLOCKQUOTE><select></BLOCKQUOTE>
<OPTION VALUE ="NYF">NATIONAL YOUTH FESTIVAL</OPTION>
<OPTION VALUE = "SM">SPORTS MEET</OPTION>
<OPTION VALUE = "IP">INDUCTION PROGRAM</OPTION>
<OPTION VALUE = "NYD">NATIONAL YOGA DAY</OPTION>
<td><style>
.vl {
border-left: 2px solid red;
height: 500px;
</style>
<div class="vl"></div>
<td><H2>WELCOME TO THE UNIVERSITY :</H2><BR>
<font size = "5">Maharshi Dayanand University, as initially established as Rohtak

University, Rohtak, came into existence by an Act No. 25 of 1975 of the Haryana
Legislative Assembly in 1976 with the objective to promote inter-disciplinary higher
education and research in the fields of environmental, ecological and life sciences. It
was rechristened as Maharshi Dayanand University in 1977 after the name of a
great visionary and social reformer, Maharshi Dayanand. It had a unitary and
residential character in its nascent stage, but became an affiliating University in
November 1978. The University secured the recognition of University Grants
Commission – the higher education regulatory body of India - for central Govt.
grants in 16 Mar, 1979</font>
</TABLE>
</BODY>
</HTML>
OUTPUT:

Practical File ON HTML: Maharshi Dayanand University Rohtak

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Practical File ON HTML: Maharshi Dayanand University Rohtak

Enviado por

Direitos autorais:

Formatos disponíveis

PRACTICAL

SUBMITTED TO: SUBMITTED BY:

Dr. SANDEEP DALAL AMIT HOODA

Assistant Professor MCA (1st Sem.)

Dept. Of Comp. Science and Application Roll no: 18105

MAHARSHI DAYANAND UNIVERSITY ROHTAK

03 MCA 1ST TIME TABLE

04 USE OF HEADING TAGS

05 INSERT PICTURE IN WEBPAGE

06 INTERNAL & EXTERNAL LINKING

07 USE OF LIST TAGS

09 USE OF FORM TAG

10 USE OF FRAME TAG

<title>change font and background color</title>

<body bgcolor = "568767" >

<h1><font face = "Impact">THIS IS IMPACT FONT</font></h1>

<align = "center"><FONT FACE = "Lucida Calligraphy">THIS IS LUCIDA CALLIGRAPHY

<h1><font face = "STENCIL">THIS IS STENCIL FONT</font></h1>

<align = "center"><FONT FACE = "Arial">ARIAL FONT</font>

<h1><font color = "457457">FTP</font></h1><br>

<font face = "Calibiri" size = "4" color = "26865"></b></i></u>

<H2><font color = "787563">HOW IT WORKS</font></H2><BR>

<body bgcolor = "978654">

<H1><CENTER><u>COLLEGE TIME TABLE</u></FONT></H1>

<table BORDER = "10" cellspacing="25" align="center">

<td align="center">C<td align="center">DD<br>

<h1 align = "center">OCEAN<br><br>

<img src = "C:\Windows\Web\Wallpaper\Theme1\img2.jpg" align = "center" height

<h1>EXTERNAL LINKING : </h1></br>

<a href="https://www.twitter.com">TWITTER</a> IS A SOCIAL NETWORKING WEBSITE.

<h1>INTERNAL LINKING : </h1><br>

<a href="C:\Users\Hooda\Desktop\HTML PROGRAM\mayank\FORM1.html">THIS

<h1 align = "center"><b><u>LIST OF BOOKS</b></u></h1>

<ul type = "circle">

<li font size = "29">BOOKS FOR FOUNDATION OF MATHEMATICS

<li>Concrete Mathematics- Donald Knuth, Ronald Graham

<li>Mathematical Thinking:John P. D'Angelo.

<li>Elements of Discrete Mathematics by C. L. Liu

<li>BOOKS FOR C++

<ol type = "1">

<li>C++ Primer * (Stanley Lippman, Josée Lajoie)

<li>A Tour of C++ (Bjarne Stroustrup)

<li>C++ PRIMER: BARBARA E. MOO

<li>BOOKS FOR DIGITAL DESIGN

<ol type = "a">

<li> Digital principles and Applications By Malvino Leach

<li>Digital Fundamentals By Floyd

<li>Digital Systems by Ronald Tocci

<body background = "C:\Windows\Web\Wallpaper\Theme2\img9.jpg">

<h1 align = "center" font face = "Elephant"><u>MY BIO DATA</u></h1>

NAME = AMIT HOODA<br>

CLASS = MCA(1st SEM)<br>

DEPARTMENT = DEPARTMENT OF COMPUTER SCIENCE<br>

UNIVERSITY = MAHARSHI DAYANAND UNIVERSITY<br>

COLLEGE = ALL INDIAN JAT HEROES MEMORIAL COLLEGE<br>

reading novels,playing football,listening songs</blockquote>

<h1 align = "center"> <u>COLLEGE ADMISSION FORM</u></H1>

First Name :<input type="text" name="first_name"/><br><br>

Last Name :<input type="text" name="Last_name"/><br><br>

Email Id :<input type="text" name="Email_id"/><br><br>

Password :<input type="password" name="password"/><br><br>

<textarea rows="10"cols="50" name="description">

Enter description here.....