the ans of this code <!DOCTYPE html> <html> my web d <head> hey <title> my webpage </title> its </head> class </html> in your browser is hey its my web d class but when i type it on notepad and open it in firefox the answer is my web d hey its class why?
I think it is better, if one understands the concept.
It all start's with you,
using a Browser
in which you load a HTML-file,
which we will call the HTML-Document.
This document has a minimal build of
<!DOCTYPE html> <html> <head> <title> </title> </head> <body> <!-- here you insert your HTML-code --> </body> </html>
The Browser =load's= this document into Memory
in a pattern that is described as
the Document Object Model
in short the DOM.
( the interpretation of the DOM is Browser & Version specific )
html | +-----+------+ | | head body | title
In the description of your document in DOM-talk...
you will encounter terms like:
parent children sibling descendants ascendants...
The HTML-Element has no parent
but is a parent to 2 child-Element's
The 'head'- and 'body'-Element,
both being children to the 'html'-Element
are siblings to each-other.
The 'head'-Element is parent to the 'title'-Element...
the 'title'-Element is a child of the 'head'-Element
the 'title'-Element is also a descendant of the 'html'-Element.
The DOM has several interface's
over which you can access the data**/**information
held by the DOM.
One of the interface's is the Element-interface
you can divide the interface into
properties ( consisting of a property-key and it's associated VALUE )
methods ( giving you the functionality to manipulate the Elements )