The document provides an overview of HTML including:
1. It describes some basic HTML elements like lists, tables, images, forms and frames.
2. It explains some key HTML concepts such as tags, the structure of an HTML document, and how to format text.
3. It provides examples of how to create lists, tables, images and forms in HTML.
this presentation covers the following topics which are as follows
1. Introduction of css
2. History of css
3. Types of css styling
4. Css syntax
5. Css Selector
6. Css Variations Or Css Versions
headings, images , anchor tag,use of special character ,table,span in table, image hyperlinks , feedback form , DIV tag,descendent selector via div and para tag, child selector, javascript , internal links , drag and drop
this presentation covers the following topics which are as follows
1. Introduction of css
2. History of css
3. Types of css styling
4. Css syntax
5. Css Selector
6. Css Variations Or Css Versions
headings, images , anchor tag,use of special character ,table,span in table, image hyperlinks , feedback form , DIV tag,descendent selector via div and para tag, child selector, javascript , internal links , drag and drop
visit : www.dmdiploma.com
HTML is the standard markup language for creating Web pages.
HTML stands for Hyper Text Markup Language
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content
HTML elements are represented by tags
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
Browsers do not display the HTML tags, but use them to render the content of the page
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>