Scribd
Upload
1 views3 pages

Abcd

This document provides an overview of HTML, DHTML, and CSS, outlining their differences and functionalities. It explains the components and features of DHTML, emphasizing its ability to create dynamic web pages, and discusses the advantages and limitations of using CSS for styling web documents. Additionally, it describes methods for applying CSS to HTML documents and includes a simple registration form example.

Uploaded by

rishabhsaraswat3357
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
1 views3 pages

Abcd

This document provides an overview of HTML, DHTML, and CSS, outlining their differences and functionalities. It explains the components and features of DHTML, emphasizing its ability to create dynamic web pages, and discusses the advantages and limitations of using CSS for styling web documents. Additionally, it describes methods for applying CSS to HTML documents and includes a simple registration form example.

Uploaded by

rishabhsaraswat3357
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

doctype>
<html>
<head><title>HTML & CSS /<title>
</head>
<body>
<h1>Learning Objectives</h1> <br>
By the end of this chapter, learner will be able to:<br>
• Differentiate between HTML & DHTML<br>
• State the purpose of using CSS.<br>
• List different advantages and disadvantages of using CSS.<br>
• Understand the working of all the mentioned properties of CSS.<br>
• Create an interactive webpage using CSS.<br>
<h1>Introduction</h1> <br>
When we open any web page and sends it to the computer requesting it cannot get any
more data from the server unless a new request is made. So to overcome this
drawback
we use Dynamic HTML (DHTML) which is combining HTML and a scripting language
that runs on the Client’s browser to bring special effects to otherwise static
pages.
<h1>1. DHTML</h1><br>
DHTML is the combination of HTML and JavaScript. DHTML is the combination of
several built-in browser features in fourth generation browsers that enable a web
page to
be more dynamic.<br>
<h3>DHTML is a combination of technologies used to create dynamic and interactive
Web
sites.</h3><br>
❖ HTML - For creating text and image links and other page elements.<br>
❖ CSS - Style Sheets for further formatting of text and html, plus other added
features
such as positioning and layering content.<br>
❖ JavaScript - The programming language that allows you to accesses and dynamically
control the individual properties of both HTML and Style Sheets.<br>
Dynamic” is defined as the ability of the browser to alter a web page’s look and
style after
the document has loaded.<br>
DHTML is not a scripting language (like JavaScript), but merely a browser feature-
or
enhancement- that gives your browser the ability to be dynamic. <br>

DHTML is a collection of features that together, enable your web page to be


dynamic. It
is the ability of the browser to alter a web page’s look and style after the
document has
loaded.<br>
<h1>With DHTML you can create:</h1><br>
❖ Animation<br>
❖ Pop-up menus<br>
❖ Inclusion of Web page content from external data sources<br>
❖ Elements that can be dragged and dropped within the Web page<br>
<h1>Features of DHTML:</h1><br>
❖ DHTML makes documents dynamic. It allows the designer to control how the HTML
displays Web pages’ content.<br>
❖ Web page reacts and change with the actions of the visitor.<br>
❖ DHTML helps to exactly position any element in the window, and change that
position
after the document has loaded<br>.
❖ It can hide and show content as needed.<br>
❖ DHTML allows any HTML element (any object on the screen that can be controlled
independently using JavaScript) in Internet Explorer to be manipulated at any time,
turning plain HTML into dynamic HTML.<br>
❖ With DHTML, changes occur entirely on the client-side (on the user’s
browser).<br>
<h1>Components of DHTML:</h1> Dynamic HTML includes the following components:<br>
❖ Conventional HTML<br>
❖ Scripts – Small programs designed to manipulate Web pages.<br>
❖ Document Object Model (DOM) – The road map through which you can locate any
element in an HTML document and use a scripting DHTML 3 language, such as
JavaScript, to change the element’s properties.<br>
❖ Absolute Positioning – The elements on the page are placed in a fixed location,
as
opposed to relative positioning, in which an element’s location is relative to
particular
elements on the page.<br>
❖ Multimedia filters – Multimedia features that create visual effects for text,
images,
and other objects, without imposing long download times on the user.<br>

<h1>2. Cascading Style Sheets (CSS)</h1><br>


In this chapter, we will discuss CSS in detail.<br>
<h2>Cascading Style Sheets (CSS)<br> is a style sheet language used for describing
the look and
formatting of a document written in a markup language. It is a way to provide style
to
HTML. Whereas the HTML is the meaning or content, the style sheet is the
presentation
of that document.<br>
Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts,
colors,
spacing) to Web documents.<br>
<h2>The advantages of using CSS are:</h2><br>
❖ It controls layout of many documents from one single style sheet.<br>
❖ It has more precise control of layout.<br>
❖ It applies different layouts to different media-types.<br>
❖ It has numerous advanced and sophisticated techniques to be applied on web
pages.<br>
<h2>The Limitations of CSS are:</h2> CSS is very limited in browser compatibility.
When you
design a web page and you want it to display exactly as you like it. The problem
with CSS
is that it displays webpages very differently in the different browsers.<br>
Your webpage looks perfect in Mozilla may look different in Internet Explorer. This
is a
big problem for your site’s success.<br>
<h2> <p style="color:orange">2.1 Methods of applying CSS to an HTML
document</h2></p><br>
There are three ways you can apply CSS to an HTML document. The First method is
“In-Line”,
Second method is “Internal” and the Third method i.e. external which is most
important.<br>
<h2><p style="color:green">Method 1: In-line (the attribute style)</h2></p><br>
One way to apply CSS to HTML is by using the HTML attribute style.<br>

<h3> REGISTRATION FORM </h3>


<form>
First name:-<input type="text" placeholder="enter your name"><br>
Last name:-<input type="text" placeholder="enter your last name"><br>
Mobile no.:-<input type="text" placeholder="enter your mobile no."><br>
email:<input type="text" placeholder="enter your email id"><br>
email password:<input type="password" placeholder="enter your password"><br>
Select gender<input type="radio" name="Gender">male
<input type="radio" name="Gender">Female
<button type=Submit" value="submit">SUBMIT </button>
</form>

</body>
</html>

You might also like