Embed Size (px)
Citation preview
“Project Report”
on
“HTML”
INTERNET TECHNOLOGY & WEB DESIGN
NAME REG.NO.
P.JYOTHI 980176
K.REKHA 980189
P.SWATHI 980188
BY
“VISMA INFOTECH SERVICES
KARKHANA”
“HTML”
“HYPER TEXT MARKUP LANGUAGE”
HTMLHyper Text Markup Language. It is also
called as XHTML (Xtensible Hyper Text Markup Language. HTML is derived from SGML (Standard General Markup Language).
HTML Versions are “1.0” to ”5.0”. Now, we are using “4.0” Version.
HTML is used for creating Web Pages.
Web Pages is a collection of different Web Pages.
HTML is not a programming language. It is a Markup Language.
Markup is a process of giving some extra features to a normal text.
A markup language is a set of HTML tags.
HTML tags are key work surrounded by angle brackets(< >)
HTML tags are normally comes in pairs with opening tags (or) start tag and ending tag (or) closing tags. Ex:(<sup>……</sup>)
HTML documents contains HTML tags and plain text. These documents are also called Web Pages.
All HTML files should be save with the extension of “.htm” (or) ”.html”
The purpose of the web browser like Internet Explorer, Netscape Navigator, Opera, Google Chrome, Safari etc., is to read the HTML document & display the ask web page.
The browser does not display HTML tags but use that tag to interpreate the content of the page.
Any HMTL tags files contains should be enclosed with.
<html> and </html>tag.
We are able to create an HTML file with any text editor’s like Notepad, Notepad++, Word or any IDE(Integrated
Development Environment) for website like netbeans, my elipse, editplus etc.,
The syntax of a html file is
<html>
<head>
</head>
<body>
</body>
</html>
A HTML document has got two section.
Header section
Body section
1) Header section:-
Header section is use to.
A) Specific a title for a web page.
B) To integrate CSS (Cascade Style Sheet).
C) To integrate Javascript (or) Vbscript.
D) To specific the auto redirection page with the time.
E) To describe meta tag with key word and description so that the site can be made search enable.
2) Body Section:-
Body section is use to specific the disable page contains that gets presented in the document design of the browser.
There are two types of tags.
1) Independent: We need not to close the tags.
2) Dependent: We need to close the tags.
There are ‘6’ levels of headers.
From “h1” to ”h6”
Ex:-
<html>
<head>
<title>----------</title>
</head>
<body>
<h1>---------</h1>
<h2>---------</h2>
<h3>---------</h3>
<h4>---------</h4>
<h5>---------</h5>
<h6>---------</h6>
</body>
</html>
“PROGRAM”
ON
“STUDENT REGISTRATION FORM”
<html>
<head>
<title>REGISTRATION FORM</title>
</head>
<body bgcolor=”pink” text=”blue”>
<center>
<h1><b><u>STUDENT REGISTRATION FORM </u></b></h1><br>
<form>
<h4>REG.NO.<input name=”REG.NO.” size=”15” type=”number”></h4><br>
<h4>NAME<input name=”NAME” size=”20” type=”text”></h4><br>
<input checked=”unchecked” name=”answer” type=”radio” value=”Male”>Male
<input name=”answer” type=”radio” value=”Female”>Female<br><br>
<h4>ADDRESS<textarea name=”ADDRESS” rows=”4” columns=”50”></textarea name></h4><br>
<h4>PHONE<input name=”PHONE” size=”25” type=”number”></h4><br>
<h4>EMAIL ID<input name=”EMAIL ID” size=”25” type=”text”></h4><br>
<h3><i>COLLEGE NAMES</i><h3>
<select multiple=”multiple” name=”colleges”>
<option>CMR</option>
<option>VNR</option>
<option>CBIT</option>
<option>MGIT</option>
<option>VGIT</option>
<input name=”colleges[]” type=”checkbox” value =”Civil”/>civil
<input name=”colleges[]” type=”checkbox” value =”EEE”/>EEE
<input name=”colleges[]” type=”checkbox” value =”Mechanical”/>Mechanical
<input name=”colleges[]” type=”checkbox” value =”ECE”/>ECE
<input checked=”unchecked” name=”answer” type=”radio” value=”Full Time”>Full Time
<input name=”answer” type=”radio” value=”Part Time”>Part Time<br><br>
<input name=”Submit” type=”Submit” value=”Submit”/>
</form>
</center>
</body>
</html>
“Output”
