Scribd
Upload
58 views26 pages

Practical File ON HTML: Maharshi Dayanand University Rohtak

Uploaded by

Amit Hooda

This document contains an HTML file submission for a practical on HTML. It includes 12 programs demonstrating various HTML tags and concepts. The programs cover changing font and background color, using formatting tags, creating a time table, headings, images, links, lists, forms, frames and using CSS. The file is submitted to the Assistant Professor of Computer Science for review.

Copyright:

© All Rights Reserved
Download as DOCX, PDF, TXT or read online from Scribd
Download as docx, pdf, or txt

Practical File ON HTML: Maharshi Dayanand University Rohtak

Uploaded by

Amit Hooda
58 views26 pages
This document contains an HTML file submission for a practical on HTML. It includes 12 programs demonstrating various HTML tags and concepts. The programs cover changing font and background color, using formatting tags, creating a time table, headings, images, links, lists, forms, frames and using CSS. The file is submitted to the Assistant Professor of Computer Science for review.

Original Title

AMIT HTML.docx

Copyright

© © All Rights Reserved

Available Formats

DOCX, PDF, TXT or read online from Scribd

Did you find this document useful?

Is this content inappropriate?

This document contains an HTML file submission for a practical on HTML. It includes 12 programs demonstrating various HTML tags and concepts. The programs cover changing font and background color, using formatting tags, creating a time table, headings, images, links, lists, forms, frames and using CSS. The file is submitted to the Assistant Professor of Computer Science for review.

Copyright:

© All Rights Reserved
Download as DOCX, PDF, TXT or read online from Scribd
Download as docx, pdf, or txt
58 views26 pages

Practical File ON HTML: Maharshi Dayanand University Rohtak

Uploaded by

Amit Hooda
This document contains an HTML file submission for a practical on HTML. It includes 12 programs demonstrating various HTML tags and concepts. The programs cover changing font and background color, using formatting tags, creating a time table, headings, images, links, lists, forms, frames and using CSS. The file is submitted to the Assistant Professor of Computer Science for review.

Copyright:

© All Rights Reserved
Download as DOCX, PDF, TXT or read online from Scribd
Download as docx, pdf, or txt
You are on page 1/ 26

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">LAB<br>

<td align="center">C++<BR>

<td align="center">MATHS<br>

</tr>

<tr>

<td align="center">WEDNESDAY

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

<td align="center">DD<BR>

<td align="center">LAB<br>

<td align="center">HTML<BR>

<td align="center">MATHS<br>

</tr>

<tr>

<td align="center">THURSDAY

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

<td align="center">HTML<br>

<td align="center">LAB<BR>

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

<td align="center">MATHS<br>

</tr>

<tr>

<td align="center">FRIDAY

<td align="center">HTML<BR>
<td align="center">C++<br>

<td align="center">LAB<br>

<td colspan="2"align="center">

</tr>

<tr>

<td align="center">SATURDAY

<td align="center">HTML<br>

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

<td align="center">LAB<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:

You might also like