Aspects Of Hyperttext Markup Language
                     HTML (Hypertext MarkUP 
Language)
 HTML is the lingua franca for publishing 
hypertext on the World Wide Web
 Define tags  ….etc
 Allow to embed other scripting languages 
to manipulate design layout, text and 
graphics
 Platform independent
 Current version is 4.x and in February W3C 
released the first draft of a test suite 4.01
 For more info: http://www.w3.org/MarkUp/
1
HTML (Hypertext Markup 
Language)
 Example HTML code:


Hello World



Hello World



2
HTML (Hypertext Markup 
Language)
3
HTML (Hypertext Markup 
Language)
 Common features
– Tables
– Frame
– Form
– Image map
– Character Set
– Meta tags
– Images, Hyperlink, etc…
4
HTML (Hypertext Markup 
Language)
 File Extensions:
HTML, HTM
 Recent recommendation of W3C is 
XHTML 1.0 combines the strength of 
HTML 4 with the power of XML.
  XHTML 1.0 is the first major change to 
HTML since HTML 4.0 was released in 
1997
 More info: http://www.w3.org/TR/xhtml1/
5
CSS (Cascading Style Sheet)
 Simple mechanism for adding style to web page
 Code be embedded into the HTML file
 HTML tag:
CODE
 Also be in a separate file FILENAME.css
 HTML tag:

 Style types mainly include:
• Font
• Color
• Spacing
6
CSS (Cascading Style Sheet)
 Controls format:
– Font, color, spacing
– Alignment
– User override of styles
– Aural CSS (non sighted user and voice-
browser)
– Layers
 Layout
 User Interface
7
CSS (Cascading Style Sheet)
 Client’s browser dependable
 Example code:
p,h1,h2 {
margin-top:0px;
margin-bottom:100px;padding:20px 40px 0px 
40px;
}
 More info: 
http://www.w3.org/Style/CSS/
http://www.w3schools.com/css/css_intro.asp
8
CSS (Cascading Style Sheet)


Hello World

p,h1,h2 {
margin-top:0px;
 margin-bottom:100px;padding:40px 40px 0px 40px;
}




Hello World



9
CSS (Cascading Style Sheet)
10
HTML without CSS
11
JavaScript
 Compact object-based scripting language
 Code be embedded  into HTML file
 HTML tag
CODE
 Also be in a separate file FILENAME.js
 HTML tag