You are on page 1of 6

DHTML

TO III-CSE [CS T63]

DHTML
Dynamic HTML combines HTML with Cascading Style Sheets(CSS) and scripting languages. It has the following features:
From HTML, it takes Web page elements, like table, heading, list, forms etc., From CSS, it takes a style to determine an elements size, color, position etc., From Scripting language, it manipulates the Web pages elements, so that the styles we assigned to them can change in response to an end users input.
1/4/2013 CS T63 2

INLINE STYLES
<p style = "font-size: 20pt;">This text has the <em>font-size</em> style applied to it, making it 20pt. </p> <p style = "font-size: 20pt; color: deepskyblue;"> This text has the <em>font-size</em> and <em>color</em> styles applied to it, making it 20pt and deep sky blue.</p>
CS T63 3

1/4/2013

EMBEDDED STYLE SHEETS - 1


<p style = "font-size: 20pt;">This text has the <em>font-size</em> style applied to it, making it 20pt. </p> <p style = "font-size: 20pt; color: deepskyblue;"> This text has the <em>font-size</em> and <em>color</em> styles applied to it, making it 20pt and deep sky blue.</p>
CS T63 4

1/4/2013

EMBEDDED STYLE SHEETS - 2


<body> <!-- this attribute applies the .special style class --> <h1 class = "special">Deitel & Associates, Inc.</h1> <p>Deitel & Associates, Inc. is an authoring and corporate training organization specializing in programming languages, Internet and web technology, iPhone and Android app development, and object technology education.</p> <h1>Clients</h1> <p class = "special"> The company's clients include many <em>Fortune 1000 companies</em>, government agencies, branches of the military and business organizations.</p> </body> 1/4/2013 CS T63 5

LESSON LEARNT
What is meant by DHTML? Inline Styles. Embedded Style Sheets.

1/4/2013

CS T63

You might also like