2. Definitions
WWW: World Wide Web
The set of computers on the Internet that support
HTTP
HTTP:Hyper Text Transfer Protocol
Browser: Piece of software used to view HTML
documents
HTML: Language used to format documents for use
on the WWW
(or)
Language used to create web pages
3. HTML-Significance
Scripting language
Subset of SGML(Standard General
Markup Language)
SGML-Language to define markup
language
Defines layout and attributes of www
document
Used to create link between pages
Java script,DHTML,XML,PHP are also
4. HTML- Basics
Hypertext is simply a piece of text that works as link
Markup language is a language of writing layout
information within documents
HTML document is a plain text file
It contains rich text. Rich text means text with tags
HTML program can be written in notepad or wordpad
Extension to this program is html or htm
HTML program contains two parts, head and body.
The head acts as a header file and the body contains
the look and feel of the web page.
5. Running HTML document
Java Enabled HTTP Web Server
Web Browser HTML
&
HTML Document Java Applets
Java Applet
<APPLET…>
?
</APPLET>
6. HTML – HyperText Markup Language
Static HTML Dynamic HTML
HTML is static – i.e. Enables adding high-level
pages cannot change on logic in the HTML page in
the request of the the form of javascript
user, must be changed functions
explicitly
7. Static HTML
Request file
Retrieve file
Send file
8. Dynamic HTML
Request service
Do Computation
Generate HTML
page with results
of computation
Return dynamically
generated HTML file
9. Tags
A tag is format name surrounded by
angular brackets
eg:<h1>hello</h1>
Not case sensitive
Some characters have to be replaced by
text sequences eg:< should be written
<
10. Structure of HTML Document
Processing HTML page
<html>
Goes on browser’s title bar
<head> Control information
<title>First HTML Page</title>
</head> Comment tag
<!-- Comments-->
<body> Formatted output will be Displayed on Web page
</body>
</html>
15. Lists
Provides straightforward index
Bulleted List
• <li>…</li> List Item
• <ul>..</ul> Unordered list
Numbered List
• <ol>..</ol> Ordered list
Definition List
• <dl>…</dl> Definition list
• <dt>.. .</dt> Definition term
• <dd>..</dd> Definition description
17. Tables
Structuring piece of information and web page
<table>
<caption>
<thead> table header
<tbody> table body
<tr> table row
<td> table data
<tfoot> table footer
Your site
LOGO
here
30. Cascading Style Sheets(CSS)
CSS stands for Cascading Style Sheets and is a
simple styling language which allows attaching style to
HTML elements.
31. A style definition is made up of a selector followed by a
declaration block, as shown in this example:
<html>
<head>
<title>CSS Basics</title>
<style type="text/css">
P { color:#000000 }
h1{font-weight: bold; font-style: italic;
color: red}
</style>
</head>
<body>
32. Putting CSS And HTML Together
1. Defining a style sheet inside of the HTML document,
inside the <HEAD> tag.
Example
2. Referring to an external file which contains a style
sheet,
by using the 'LINK' element.
Example
3. to a tag.
Example
32
51. By using link selector
<html>
<head>
<link rel="stylesheet"
type="text/css" href="ex1.css" />
</head>
<body>
<h1>This header is 36 pt</h1>
<h2>This header is blue</h2>
<p>This paragraph has a left margin of 50 pixels</p>
</body>
</html>