HTML Assignment Writing Help Service

HTML PROJECT ASSIGNM
ENT
TABLE OF CONTENTS
WHAT IS HTML ?
HTML SYNTAX
STRUCTURE OF THE WEB PAGE
SOME MORE TAGS
PARAGRAPH TAG
LIST TAGS
HYPERLINK TAGS
IMAGE TAGS
HEADING TAG
SECTION : DIV AND SPAN
WHAT IS FORM TAG ?
INPUT TAG
A COMPLETE EXAMPLE
GOLDEN RULE
QUESTIONS ?
https://www.essaycorp.com/html-project-assignment.html
WHAT IS HTML ?
HTML is Hyper Text Markup Language.

This language is used to create documents on world wide web.
HTML is platform independent, which means you can code a
HTML file on one computer and then access that page on another
computer.
HTML uses tags to define the layout of a web of a web
document.
HTML SYNTAX
A HTML page consist of :
One sided tag
Two sided tag
HTML SYNTAX CONTINUED

ONE SIDED TAG
<tag />
Example :
<br/> breaking line tag
<hr/> horizontal line tag
HTML SYNTAX CONTINUED

TWO SIDED TAG
<tag attributes> document content </tag>
Example :
<body bgcolor = red> HTML </body>
Everything about the page should be enclosed between HTML

tags.
<html>
</html>

CONTINUED
Each web page must have a head part which contains the title of
the web page.
Example : <html>
<head>
<title> Introduction </title>
</head>
</html>

CONTINUED
Each web page must have a body part which contains the body
part of web page.
Example : <html>
<head>
</head>
<body>
This is the Introduction of an HTML project.
</body>
</html>
9
SOME MORE TAGS

PARAGRAPH TAG
Paragraph tag is denoted by <p>.
Paragraph tags are used to define paragraph element.
The
paragraph element starts with <p> tag and </p> tag.
10
EXAMPLE OF PARAGRAPH TAG

<html>
<head>
</head>
<body>
<p> This is the first paragraph </p>
<p> This is the second paragraph </p>
<p> This is the third paragraph </p>
</body>
</html>
11
SOME MORE TAGS CONTINUED

LIST TAGS
There are two types of listing tags :
Ordered List
Unordered List
12
ORDERED LIST
List tag is denoted by <li>

Ordered List tags are denoted by <ol>
Ordered list is used to display the data in a numeric order.
13
EXAMPLE OF ORDERED LIST

TAG
<html>
<head>
</head>
<body>
<ol>
<li> Name Joseph </li>
<li> Course B. Tech </li>
<li> Branch CSE </li>
</ol>
</body>
</html>
14

TAG CONTINUED
RESULT :
1.Name Joseph
2.Course B. Tech
3.Branch CSE
15
UNORDERED LIST
List tag is denoted by <li>

Unordered List tags are denoted by <ul>
Unlike ordered list, by default it displays the data marked with
bullets ( black circle ).
In unordered lists, the data are not listed in a particular order.
16
EXAMPLE OF UNORDERED LIST

TAG
<html>
<head>
</head>
<body>
<ul>
<li> Name Joseph </li>
<li> Course B. Tech </li>
<li> Branch CSE </li>
</ul>
</body>
</html>
17

TAG CONTINUED
RESULT :
Name Joseph
Course B. Tech
Branch
CSE
18
HYPERLINK TAGS
<a href = "http://www.essaycorp.com/"
Title = "Essaycorp">Link to Essaycorp Website</a>
19
IMAGE TAGS
<img src = "assignment.gif" alt="assignment" />
20
EXAMPLE
<html>
<head>
</head>
<body>
<a href = "http://www.essaycorp.com/"
Title = "Essaycorp"> Link to Essaycorp Web site </a>
<br />
<img src = "assignment.gif" alt = "assignment" />
<br />
<strong> Bold </strong> and <em> italic </em> text.
</body>
</html>
21

HEADING TAGS (H1 H6)
<h1>Heading </h1>
<h2> Sub heading 1 </h2>
22

SECTIONS : DIV AND SPAN
<div style = "background : bluesky">
This is a div </div>
23
EXAMPLE
<html>
<head><title> Headings and paragraphs </title></head>
<body>
<h1> Heading </h1>
<p> This is my first paragraph </p>
<p> This is my second paragraph </p>
<div style = "background : bluesky">
This is a div </div>
</body>
</html>
24
WHAT IS FORM TAG ?
It is also an HTML tag.

Form tag encloses form elements.
It is generally used for user information.
It always contain a submit button to send the information to the
server.
25
INPUT TAG
The input tag may be text, checkbox, radio, hidden and submit.
The complete example of all this tags is given on the next page.
26
A COMPLETE EXAMPLE
<html>
<head>
<title> Get Identity </title>
<meta http-equiv = "Content-Type" content = "text/html;
charset = iso-8859-1">
</head>
<body>
<p><b> Who are you? </b></p>
<form method = "post" action = "">
<p> Name:
<input type = "text" name = "textfield">
</p>
27
A COMPLETE EXAMPLE
CONTINUED
<p> Gender:
<input type = "radio" name = "gender" value = "m"> Male
<input type = "radio" name = "gender" value = "f"> Female </p>
</form>
</body>
</html>
28
GOLDEN RULE
To create a proper and readable HTML code, you should keep

these three thinks in mind :
Every block should start with a new line.
Nested blocks should be properly indented.
There is no harm in multiple white spaces because browsers
ignore multiple whitespaces, so dont hesitate to create
whitespaces and do proper formatting to increase the readability
of your web page and facilitate debugging.
29
QUESTIONS ?
30
CONTACT ESSAYORP FOR

MORE HTML PROJECTS
contact@essaycorp.com
31

HTML Assignment Writing Help Service

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Assignment Writing Help Service

Uploaded by

Copyright:

Available Formats

HTML PROJECT ASSIGNM

HTML is Hyper Text Markup Language.

HTML SYNTAX CONTINUED

HTML SYNTAX CONTINUED

STRUCTURE OF THE WEB PAGE

Everything about the page should be enclosed between HTML

STRUCTURE OF THE WEB PAGE

STRUCTURE OF THE WEB PAGE

SOME MORE TAGS

paragraph element starts with <p> tag and </p> tag.

EXAMPLE OF PARAGRAPH TAG

SOME MORE TAGS CONTINUED

List tag is denoted by <li>

EXAMPLE OF ORDERED LIST

EXAMPLE OF ORDERED LIST

List tag is denoted by <li>

EXAMPLE OF UNORDERED LIST

EXAMPLE OF ORDERED LIST

SOME MORE TAGS CONTINUED

SOME MORE TAGS CONTINUED

SOME MORE TAGS CONTINUED

SOME MORE TAGS CONTINUED

WHAT IS FORM TAG ?

It is also an HTML tag.

To create a proper and readable HTML code, you should keep

CONTACT ESSAYORP FOR

You might also like