The WWW are abbreviation of World Wide Web also called W3 and commonly called Web. WWW is a way of accessing the hyperlink document through internet.
HTML is a markup language for creating web pages. HTML is abbreviated from Hyper Text Markup Language, where markup language is a set of markup tags. These tags tell the browser how to display the text.
In DHTML, D is abbreviated from Dynamic and HTML means Hyper Text Markup Language. DHTML is a collection of different technologies which are used together to create an interactive and animated web sites by using a combination of a static markup language HTML , client-side scripting language such as JavaScript , PHP, CSS , and the Document Object Model.
There are four parts to DHTML:
Document Object Model (DOM) (definition)
Scripts
Cascading Style Sheets (CSS)
XHTML
Document Object Model (DOM): -
The DOM is what allows you to access any part of your Web page to change it with DHTML. Every part of a Web page is specified by the DOM and using its consistent naming conventions you can access them and change their properties.
Scripts: -
Scripts written in either JavaScript or ActiveX are the two most common scripting languages used to activate DHTML. You use a scripting language to control the objects specified in the DOM.
Cascading Style Sheets: -
CSS is used in DHTML to control the look and feel of the Web page. Style sheets define the colors and fonts of text, the background colors and images, and the placement of objects on the page. Using scripting and the DOM, you can change the style of various elements.
XHTML: -
XHTML or HTML 4.x is used to create the page itself and build the elements for the CSS and the DOM to work on. There is nothing special about XHTML for DHTML - but having valid XHTML is even more important, as there are more things working from it than just the browser.
There are four primary features of DHTML:
Changing the tags and properties
This is one of the most common uses of DHTML. It allows you to change the qualities of an HTML tag depending on an event outside of the browser (such as a mouse click, time, or date, and so on). You can use this to preload information onto a page, and not display it unless the reader clicks on a specific link.
Real-time positioning
When most people think of DHTML this is what they expect. Objects, images, and text moving around the Web page. This can allow you to play interactive games with your readers or animate portions of your screen.
Dynamic Fonts
This is a Netscape only feature. Netscape developed this to get around the problem designers had with not knowing what fonts would be on a reader's system. With dynamic fonts, the fonts are encoded and downloaded with the page, so that the page always looks how the designer intended it to.
Data binding
This is an IE only feature. Microsoft developed this to allow easier access to databases from Web sites. It is very similar to using a CGI to access a database, but uses an ActiveX control to function. This feature is very advanced and difficult to use for the beginning DHTML writer.
You can write an edit HTML file in any simple text editor such as Note Pad in windows etc .So open your text editor and start writing HTML code.
<HTML>
<HTML> is
the very opening for any HTML Web Page. All the other element are written
between <HTML> and </HTML> tag. </HTML> tag is placed in the end. <HTML> tell to
the browser that this is an HTML Page.
So far what you have coded looks like this:
<HTML>
</HTML>
After opening your document with <HTML> you will start a new line and code
<HEAD> and </HEAD>
<HEAD> and </HEAD>
The <head> tag is basically container tag which contain some informational
tag for browser and Search engine. For example <Title> tag which is not only
display on the title bar as title of page also tell to search engine that what
is in this page. Head tag also contain some more information about the author,
copyright, keywords etc.
In this simple page we Placed only Title Tag between Head Tag .Title tag defines
the title of the document and also Title tags tell search engines what your page
is about. Every thing in title tag is appear on the title bar.
Now your page coding is look like :
<html>
<head>
<Title> This is my first page </Title>
</head>
After Head tag we place another tag which is body tag. This tag contain actual contents which will be viewed on your Web page. After typing all contents write
HTML is a markup language, these markup are called tags which tell to the
browser how to display the text on user screen. In HTML Document tags element
make the structure of Webpage and when user open this code in its browser then
these element tells the browser how your website display. All the tags in HTML
consists on a start tag and end tag but some element may be have only start tag.
These element are called Void element. for example <BR> which is used to break
the line.
An HTML element starts with a start tag is also called opening tag and ends with
an end tag is called closing tag . Some HTML elements have empty content Empty
elements are closed in the start tag. Most of HTML elements may have some
attributes.
For example, a paragraph, which is represented by the p element, would be
written as
<p>In the HTML syntax, most elements are written ...</p>
Attribute are the Additional information about that tag which define the characteristics of an element for example Height, Reference, Color etc. The Attribute have two part one is attribute name and other is its value. Below we briefly discuses the different attribute in HTML.
The general syntax is as follows:
<tag attribute 1 = "value" attribute 2 = "value" ... >
For example :
<body bgcolor="#E6E6FA">
In HTML you must declare the document type at very first line before the
<HTML> tag . The <!DOCTYPE> declaration tell to the web browser about the
version of HTML on this page you used.
In each version of HTML the Declaration of Document type is different.
For example
In HTML 5 we declare the document Type as:
<<!DOCTYPE html> in HTML 4.01 Strict we can use all HTML elements and attributes. One restriction is that we can not include any presentational elements. In this version Framesets are not allowed. The document type declaration for HTML 4.01 Strict is as follow: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> In This version we can use all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed. The document type declaration for HTML 4.01 Transitional is as follow: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> In This version we can use all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). In this version we cal also use The Framesets. The document type declaration for HTML 4.01 Frameset is as follow: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> For example: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Main Page</title> </head> <body> </body> </html>
In the example above, the doctype relates to HTML 4.01 Strict.
< HMTL > and </HTML>Tags
The <HTML> tag is very starting element of the HTML page which is indicate that
every thing in between <HTML> and </HTML> are HTML code and also indicate the
browser that this is an html file.
<HEAD> and </HEAD>
The <head> tag is basically container tag which contain some informational tag
for browser and Search engine. For example <Title> tag which is not only display
on the title bar as title of page also tell to search engine that what is in
this page. Head tag also contain some more information about the author,
copyright, keywords etc.
<TITLE> and </TITLE> Tag
<Title> is part of the Head tag . This is written between <Head> and </Head>
tag. Title tag is a descriptive tag, it defines the title of the document and
also Title tags tell search engines what your page is about. Every thing in
title tag is appear on the title bar. The maximum length of your title must
between 20 words. The title appears at the very top of the browser page on the
title bar.
<META> Tag
The meta tags are used to describes the information about the HTML page. The meta Tags are very help full for the search engines to understand and categorize your web pages. when people search then your meta tags provide the complete information about the contents of your page.
There are many different types of meta tags that can be used for many different purposes.
Meta description provide the main purpose of your webpage.
for Example
<meta name="description" content="learning hints is a learning website of
different IT Subject">
if you not specify the meta description then search engines will generate a
description from the content of your webpage.
Meta Author
Meta author describe the author the page for example
<meta name="author" content="Tauqeer Shah">
The charset meta tag tell to web browser about the character encoding of your content. An HTML page can have only a single charset. For most web pages, you should use the UTF-8 character encoding. <meta charset="UTF-8">
<meta name="copyright" content="Learning Hints" />
Meta copyrights tag protect your photos and the text on your website.
<meta name="copyright" content="the Meta Tags Company">
Keyword meta tag is very help full for search engine. Search engine put your provide keyword in indexing. Its create great impact to improve your ranking.
<meta name="keywords" content="Text tutorials, video tutorials, notes, exam
papers">
This meta attribute define the language of the webpage.
<META NAME="language" CONTENT="English">
The <big> element increases the font size by one size increment on the text
which is written between <big> and </big>.
<p> This is simple Text but <big> Now This is Some Bigger Text in size </big>
This is again normal text </p>
When a text appear and the disappear alternately the this process is called
blinking of text. The text between <blink> and </blink> will be blink when its
open in browser.
For example:
<p>
This is simple text <br/>
<blink> This is blinking text </blink>
</p>
<center> tag aligned the text center of the page or center of the cell of
table.
For Example:
<center>This is centered</center>
<center>So is this</center>
<center>And this is centered too</center>
The above markup shown as :