Scribd
Upload
31 views10 pages

HTML Website

This document contains an overview of different HTML pages that were created, including a home page, about page, contact page, and information on how an Excel student marksheet was made. The home page provides an introduction to HTML and its elements. The about page discusses the history and basic structure of HTML. The contact page uses frames to display a student form on one side and a subject list on the other. The Excel section then explains how the author created a marksheet in Excel, including formatting, formulas, and conditional formatting.

Uploaded by

Parbat Jung Kunwar
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
31 views10 pages

HTML Website

This document contains an overview of different HTML pages that were created, including a home page, about page, contact page, and information on how an Excel student marksheet was made. The home page provides an introduction to HTML and its elements. The about page discusses the history and basic structure of HTML. The contact page uses frames to display a student form on one side and a subject list on the other. The Excel section then explains how the author created a marksheet in Excel, including formatting, formulas, and conditional formatting.

Uploaded by

Parbat Jung Kunwar
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/ 10

CONTENTS

1.HOME PAGE................................................................................................................................. 1
2.ABOUT PAGE................................................................................................................................ 2
3.CONTACT PAGE............................................................................................................................. 5
fffff.html.......................................................................................................................................... 6
ttttt.html......................................................................................................................................... 7
4. EXCEL(How I did it)....................................................................................................................... 8
1.HOME PAGE

<!DOCTYPE html>
<html>
<head>
<title>My first website</title>
</head>
<a href="about.html">About</a>
<a href="contactpg.html">contact</a>
<body style="background-color: skyblue;color: black;">

<h1><center><U> HTML</U></center></h1>
<p>HyperText Markup Language (HTML) is the set of markup symbols or codes
inserted into a file intended for display on the Internet. The markup tells web
browsers how to display a web page's words and images.</p>

<h2><u>Importhant Of HTML</u></h2>
<ol>
<li>It helps in changing font shape,font size and colour of the text on web
page</li>
<li>It allow image to be in-line on webpage.</li>
<li>It provides variety of formatting styles for web documents</li>
</ol>
<img src="C:\Users\Ganga Shrestha\Desktop\reman\1.jpg ">
<br>
<h3><u>HTML Elements</u></h3>

<p>HTML elements is the fundamental components of the structure of an HTML text


documents.There are various HTML elements that can be used to construct an HTML
page.</p>

<h4><u>Container tag</u></h4>
<p>Container tag are paired and have a start and an end tag.The start tag is written
within angular barcket and end tag is written within angular tag with slash(/).</p>

<h5><u>Empty Tag</u></h5>
<p>Empty tag donot have closing tag.They stand alone .</p>
</body>
</html>

1
Image 1

2.ABOUT PAGE

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About page</title>
<a href="website1.html">Home</a>
<a href="about.html">About</a>
<a href="contactpg.html">contact</a>
<style>
body
{
background-color: grey;
color:yellow;
text-align: left;
}
h1
{

2
color: white;
text-align: center;
}
th{
color: white;
}
table
{
background-color:black ;
color: skyblue;
}

</style>
</head>
<body>
<h1>HISTORY OF HTML</h1>
<p>HTML was created by Sir Tim Berners-Lee in late 1991 but was not
officially released. It was published in 1995 as HTML 2.0. HTML 4.01 was published in
late 1999 and was a major version of HTML.HTML is a very evolving markup language
and has evolved with various versions updating. Long before its revised standards
and specifications are carried in, each version has allowed its user to create web
pages in a much easier and prettier way and make sites very efficient.<br><br>
HTML 1.0 was released in 1993 with the intention of sharing information that can be
readable and accessible via web browsers. But not many of the developers were
involved in creating websites. So the language was also not growing.<br><br>
Then comes HTML 2.0, published in 1995, which contains all the features of HTML
1.0 along with a few additional features, which remained the standard markup
language for designing and creating websites until January 1997 and refined various
core features of HTML.<br><br>
Then comes HTML 3.0, where Dave Raggett introduced a fresh paper or draft on
HTML. It included improved new features of HTML, giving more powerful
characteristics for webmasters in designing web pages. But these powerful features
of the new HTML slowed down the browser in applying further
improvements.<br><br>
Then comes HTML 4.01, which is widely used and was a successful version of HTML
before HTML 5.0, which is currently released and used worldwide. HTML 5 can be
said for an extended version of HTML 4.01, which was published in the year 2012.
</p>
<p>An HTML has the fixed format for web design.An HTML contain three
elements,they are:HTML,HEAD and BODY.</p>
<table>
<table border="5" align="center">
<tr>
<th>HTML</th>
<th>HEAD</th>
<th>BODY</th>
</tr>

3
<tr>
<td>The HTML is a container element that identifies
the document as an HTML document.</td>
<td>HEAD element contains information about the
document including its title,scripts used,style definition and document description.
</td>
<td>The BODY element contains all the text and images
that make up the pages together with all the HTML elements that provide the
control and formatting of the pages.</td>
</tr>
</table>
</body>
</html>

4
Image 2

3.CONTACT PAGE

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>my frame</title>
<frameset cols="50%,50%">
<frame src="fffff.html">
<frame src="ttttt.html">
</frameset>
</head>
</html>

5
fffff.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>form</title>
<link rel="stylesheet" href="abc.css">
</head>
<body>
<h1><b><u>STUDENT FORM</u></b></h1>
<form>
<fieldset>
<label>Name:</label>
<input type="text">
<br>
<br>
<label>Age:</label>
<input type="text">
<br>
<br>
<label>Hobbies</label>
<input type="checkbox" value="Singing" name="Hobbies">
<label>Singing</label>
<input type="checkbox" value="Dancing" name="Hobbies">
<label>Dancing</label>
<input type="checkbox" value="Playing" name="Hobbies">
<label>Playing</label>
<br>
<br>
<label>Gender:</label>
<input type="radio" value="male" name="Gender">
<label>Male</label>
<input type="radio" value="Female" name="Gender">
<label>Female</label>
<input type="radio" value="Others" name="Gender">
<label>Others</label>
<br>
<br>
<label>Email:</label>
<input type="text">
<br>

6
<br>
<label>Contact Number:</label>
<input type="Number">
<br>
<br>
<button>Submit</button>
<button>Cancel</button>
</fieldset>
</form>
</body>
</html>

ttttt.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>list</title>
<link rel="stylesheet" href="abc.css">
</head>
<body>
<h1>LIST OF SUBJECT</h1>
<ol>
<li>Physics</li>
<li>Computer</li>
<li>Maths</li>
<li>Chemistry</li>
<li>English</li>
<li>Nepali</li>
</ol>
<br>
<ul>
<li>Physics</li>
<li>Maths</li>
<li>Computer</li>
<li>Chemistry</li>
<li>Nepali</li>
<li>English</li>
</ul>
</body>
</html>

7
Image 3

4. EXCEL(How I did it)

Here, I am going to describe in short about how I made marksheet for college in
Excel.First of all I opened the MS Excel and created a new excel afterthat I selected
the required number of cell and merged them using the merge tool provided by the
excel.I wrote the main headings such as Nepal Mega College/School,Student
Marksheet etc.I wrote respective student’s name,symbol number and stream he is
studying at the top left side ,group at the center and grade and section at the right
side of marksheet.

After the completion of these above things my one -fourth work was completed ,I
started typing S/N,Subject name ,code,his obtained marks,grade of each subjects
and remarks in the rows and columns of table.I also made a single row for
calculation of his total marks so that it will be easier while calculating percentage.

8
For the calculation of total marks and grade I used the following formula:
1) =SUM(F15:J16)
2) =IF(F15>=90,”A+”,IF(H6 >=80,”A”,IF(R7>=70,”B+”,IF(J56>=60,”B”,IF(E23>=50,”C+”,
IF(U56>=40,”C”))))))
I had distinguished,he is pass or fail in each subject for this process I had used if
condition i.e. =IF(F15>=40,”PASS”,”FAIL”)

I had used the conditional formatting to colored the passed subject marks with green
color and failed subject with red color, for it I had had kept pass mark 40 as in the
above formula.Afterthat I had calculated the total percentage using the simple made
formula that is total obtained marks/total subject marks*100.And also I had
calculated the total grade using the same above formula.

Image 4

You might also like