Академический Документы
Профессиональный Документы
Культура Документы
This is to certify that the Project work done at NIELIT, New Delhi, Titled
“HTML Language” BY Mr./Ms. DHARM CHANDRA (NIELIT Registration No.
_1127697) in partial fulfillment of NIELIT ‘O’ Level Examination has been
found satisfactory. This report has not been submitted for any other examina-
tion and does not form part of any other course undergone by the candidate
It is further certifies that he/she has appeared in all the four modules of NIE-
LIT ‘O’ Level Examination.
Signature
Name:
(or)
Address:
(or)
1. Introduction
Hypertext Markup Language (HTML) is a markup language[1] for creating a webpage.
WebPages are usually viewed in a web browser. They can include writing, links, pictures,
and even sound and video. HTML is used to mark and describe each of these kinds of con-
tent so the web browser can display them correctly. HTML can also be used to add meta
information to a webpage. Meta information is usually not shown by web browsers and is
data about the web page, e.g., the name of the person who created the page. Cascading
Style Sheets (CSS) is used to style HTML elements while JavaScript is used to manipulate
HTML elements and CSS styles
2. HTML History
The first version of HTML was written by Tim Berners-Lee in 1993. Since then, there
have been many different versions of HTML. The most widely used version throughout
the 2000's was HTML 4.01, which became an official standard in December 1999.
Most pages on the Web today were built using either HTML 4.01 or XHTML 1.0. How-
ever, in recent years, the W3C (in collaboration with another organization,
the WHATWG), has been working on a brand new version of HTML, HTML5. Current-
ly (2011), HTML5 is still a draft specification, and is not yet an official standard. How-
ever, it is already widely supported by browsers and other web-enabled devices, and is
the way of the future. Therefore, HTML5 is the primary language taught in this
course.
3. HTML Versions
Since the early days of the web, there have been many versions of HTML:
Version Year
HTML 1991
XHTML 2000
HTML5 2014
4. Tags
HTML tags are the hidden keywords within a web page that define how your web browser
must format and display the content.
Most tags must have two parts, an opening and a closing part. For example, <html> is the
opening tag and </html>is the closing tag. Note that the closing tag has the same text as
the opening tag, but has an additional forward-slash ( / ) character. I tend to interpret this
as the "end" or "close" character.
<html>……………….</html>
<head>
<title>HTML Tags - Head Tag</title>
</head>
<title> ………………..</title>
4.4. Body tag
Body tags identify the content of a web page.
<body>………………… </body>
5. HTML Attributes
HTML links are defined with the <a> tag. The link address is specified in
the href attribute:
Images in HTML have a set of size attributes, which specifies the width and height of the
image:
The alt attribute specifies an alternative text to be used, when an image cannot be dis-
played. The alt attribute is also useful if the image does not exist:
The style attribute is used to specify the styling of an element, like color, font, size etc.
Required Software
Software :- Notepad , Notepad++, Editplus, bluefish, terminal.
OS:- windoswXP,7,8,10, Linux, Mac OSX
PROJECT 1.
<html>
<head>
<title>web page</title>
</head>
</html>
(Note:- write the HTML code using Notepad software and save the file using .HTML ex-
tension.)
Output :-
<html>
<head>
<title>web page</title>
</head>
</html>
Output :-
<html>
<head>
<title>web page</title>
</head>
</html>
Output :-
<html>
<head>
<title>web page</title>
</head>
<body >
<P> HTML stands for hyper text markup language. It is supposed super set of SGML.
<p> you can create web page using HTML language. It is easy to learn and interesting as
well. <br>
When you get a lot of pages you can assemble into a directory and can give it is a shape
of website.
</body>
</html>
Output :-
HTML stands for hyper text markup language. It is supposed super set of SGML.
you can create web page using HTML language. It is easy to learn and interesting as well.
When you get a lot of pages you can assemble into a directory and can give it is a shape of
website.
Project : 5
<html>
<head>
<title>web page</title>
</head>
<body >
<li>c language
</ol>
</body>
</html>
Output :-
<html>
<head>
<title>web page</title>
</head>
<body >
<ul><li>monitor
<li>mouse
<li>keyboard
<li>CPU
</ul>
</body>
</html>
Output :-
monitor
mouse
keyboard
CPU
Project :7
<html>
<head>
<title>web page</title>
</head>
<body >
</ol>
</body>
</html>
Output :-
<html>
<head>
<title>web page</title>
</head>
<body >
<pre>
M2 C pass
M3 C pass
M4 B pass
</pre>
</body>
</html>
Output :-
M2 C pass
M3 C pass
M4 B pass
Project : 9
<html>
<head>
<title>web page</title>
</head>
<body >
<p>this is <sub>subscript</sub>
<p>this is <sup>superscript</sup>
<p>this is <strike>strikethrough</strike>
</body>
</html>
Output :-
this is Bold
this is italic
this is underline
this is subscript
this is superscript
this is strikethrough
Project :10
compact Attribute.
<html>
<head>
<title>web page</title>
</head>
<body >
<dl compact>
<dt>/p
<dt>/w
</dl>
</body>
</html>
Output:-
/p
display the directories and files page-wise.
/w
display the directories and files width-wise.
Project :11
Font Tag
<html>
<head>
<title>web page</title>
</head>
<body >
</body>
</html>
Output :-
<html>
<head>
<title>web page</title>
</head>
<body background=d:\nielit.jpg>
</body>
</html>
Output :-
Project :13
<html>
<head>
<title>web page</title>
</head>
<body>
</body>
</html>
Output :-
i am in the right
i am in the center.
i am in the left.
Project :14
<html>
<head>
<title>web page</title>
</head>
<body>
</body>
</html>
Output :-
studentnielit
contect me
Project :15
<html>
<head>
<title>web page</title>
</head>
<body>
<hr>
<hr size="10">
</body>
</html>
Output :-
<html>
<head>
<title>web page</title>
</head>
<body>
<table border="1">
<tr bgcolor="red"><td>Course</td><td>duration</td>
</tr>
<tr bgcolor="green">
<td>O Level></td><td>1year</td>
</body>
</html>
Output :-
Course duration
O Level> 1year
A level 1year
Project: 17
<html>
<head>
<title>web page</title>
</head>
<body>
<table border="1">
</tr>
<tr bgcolor="green">
<td>CCC</td><td>CCC+</td><TD>BCC</TD>
<tr bgcolor="green"><td>ECC</td><td>ACC</td></tr></table>
<P>
<P><table border="1">
</tr>
<tr bgcolor="green">
<td>CCC</td><td>CCC+</td><TD>BCC</TD>
<tr bgcolor="green"><td>ECC</td><td>ACC</td></tr></table>
</body>
</html>
Output :-
digital Course
CCC CCC+ BCC
ECC ACC
Project : 18
<html>
<head>
<title>web page</title>
</head>
<body>
</body>
</html>
Output :-
HTML colors
<html>
<head>
<title>web page</title>
</head>
<body>
<p>
</font>
</body>
</html>
Output :
Marquee tag
<html>
<head>
<title>web page</title>
<head>
<body>
<marquee><b>NIELIT</b></marquee>
</body>
</html>
Output :-
NIELIT
A. Input tag
<html>
<head>
<title>web page</title>
<head>
<body>
<p>
</body>
</html>
Output :-
First Name:
Last Name:
Project :-22
<html>
<head>
<title>web page</title>
<head>
<body>
<p>
</body>
</html>
Output :-
nielit123
User ID:
****
Password:
Project :-23
<html>
<head>
<title>web page</title>
<head>
<body>
<form>description:<P>
</TEXTAREA>
</FORM></body>
</html>
Output :-
description:
enter the description here....
Project:24
<html>
<head>
<title>web page</title>
<head>
<body>
</FORM></body>
</html>
Output :-
O Level
A Level
12th
Graduation
Master graduation
Project :25
<html>
<head>
<title>web page</title>
<head>
<body>
<select name="dropdown">
<option value="female">Female</option></select>
<select name="dropdown">
<p><option value="India">India</option>
<option value="Other">Other</option>
</select>
</FORM></body>
</html>
Output :-
Male
choose your gender:
India
choose youre country:
Project :- 26
<html>
<head>
<title>web page</title>
<head>
<body>
<form>
</FORM></body>
</html>
Output :-
Project:-27
<html>
<head>
<title>web page</title>
<head>
<body>
<form>
</FORM></body>
</html>
Output :_
submit
reset