asstt. prof sonia sharma computer dept 1 html ( hypertext markup language ) html is the lingua...
DESCRIPTION
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 suiteTRANSCRIPT
Asstt. Prof Sonia SharmaComputer Dept
1
HTML (Hypertext MarkUP Language)HTML is the lingua franca for publishing
hypertext on the World Wide WebDefine tags <html><body> <head>….etcAllow to embed other scripting languages to
manipulate design layout, text and graphicsPlatform independentCurrent version is 4.x and in February W3C
released the first draft of a test suite 4.01
2
HTML (Hypertext Markup Language)Example HTML code:
<HTML><head><title>Hello World</title></head><body bgcolor = “#000000”><font color = “#ffffff”><H1>Hello World</H1></font></body></HTML>
3
HTML (Hypertext Markup Language)
4
HTML (Hypertext Markup Language)Common features
TablesFrameFormImage mapCharacter SetMeta tagsImages, Hyperlink, etc…
5
HTML (Hypertext Markup Language)File Extensions:
HTML, HTMRecent 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
6
CSS (Cascading Style Sheet)Simple mechanism for adding style to web
pageCode be embedded into the HTML fileHTML tag:
<style type=“text/css”>CODE</style>Also be in a separate file FILENAME.cssHTML tag:
<link rel=“stylesheet” href=“scs.css” type=“text/css”>Style types mainly include:
• Font• Color• Spacing
7
CSS (Cascading Style Sheet)Controls format:
Font, color, spacingAlignmentUser override of stylesAural CSS (non sighted user and voice-
browser)Layers
Layout User Interface
8
CSS (Cascading Style Sheet)Client’s browser dependableExample code:
p,h1,h2 {margin-top:0px;margin-bottom:100px;padding:20px 40px
0px 40px;}
9
CSS (Cascading Style Sheet)
<HTML><head><title>Hello World</title><style type=“text/css”>
p,h1,h2 {margin-top:0px; margin-bottom:100px;padding:40px 40px 0px 40px;}
</style></head><body bgcolor = “#000000”><font color = “#ffffff”><h1>Hello World<h1></font></body></HTML>
10
CSS (Cascading Style Sheet)
11
HTML without CSS
12
JavaScriptCompact object-based scripting languageCode be embedded into HTML fileHTML tag
<script language=“javascript”>CODE</script>
Also be in a separate file FILENAME.jsHTML tag
<SCRIPT LANGUAGE="JavaScript" SRC=“FILENAME.js"></SCRIPT>
13
JavaScriptMain objectives:
User interface, CGI capabilities without involving server
Client side compilationServer provides no supportSecurity hazard for client’s computerSCS websites JavaScript's Examples
http://www.cs.cmu.edu
14
CGI (Common Gateway Interface)Standard for external gateway programs
to interface with information servers such as HTTP servers
Real-time executionMain Objective:
• Dynamic Content• User Interface
Current version 1.1
15
CGI (Common Gateway Interface)Various choice in Programming language
selectionsC, C++, PERL, Python
PERL; most popular and widely usedServer side executionScript runs as a stand alone process
unlike PHPBasic difference with PHP is the
execution approach
16