Skip to main content

What is DOM for HTML

We all knows that HTML runs on web browser or in client side.But you all may arise a question in your head that how it works on web browser. Well that what I am gonna tailing about right now.Take a Seat .


     When a HTML program runs in web browser,it creates as a tree structure what is together called DOM. DOM is stands for Document Object Model.Where,

                DOCUMENT : a HTML page
                OBJECT : Object indicates all elements and attributes of                                    a HTML page
                MODEL : it indicates tree structure

So , when an HTML page runs on browser it creates a DOM structure.

  But why we should study DOM at least the basic one -- Well DOM helps us a lot. Basically DOM is a W3 Standard to understand HTML Page structure so we can create red update delete an DOM element through Javascript and Jquery methods. If we understand the DOM structure of an HTML page, we can easily control its elements,attributes and all nodes.

I am showing below a simple DOM Structure :
           Wow .... It looks great and easy to understand .

 Here DOCUMENT indicates the entire page. We can say a page as a Document. We also may start this structure from HTML element . Here HTML is a root element, and it has two child element is HEAD & BODY (they are siblings) . Again hey both have three child elements separately .So in this case the child elements parent is HEAD , BODY .Again this child elements can have child's .
  
 So the structure is made in this way , totally different story .
  
But one thing again confusing you what I have wrote before this image is Node .This I am explaining too don't worry .
 According to the W3 Standard of HTML DOM, everything in an HTML page is a Node.
                      
                 Entire document is a Document Node .
                 Each element we can say as a Element Node .
                 Every text in a HTML page will be Text Node .
                 All attributes of page are Attribute Node .
                Comments are also Comment Node .

 Wow , now we know about HTML DOM .
You can also check my Youtube Channel , link is given below :
       https://www.youtube.com/channel/UCC_SnAOTQP7uckcZR_3QMcQ?view_as=subscriber

 Keep learning ... :)

Labels:

Comments

Post a Comment

Popular posts from this blog

Difference between High level language and Low level language ?

Today I am gonna talking about the difference between High - level Language & and Low - level Language .But first we have to know what does they contain , right ? Cause we don't know  what they are ?So take a  seat and let's start .. Let's go through first low - level Language . Well, if we want to learn Programming languages like C , C++ , Java , Assembly Language etc then we should know about them too .Let's understand with an example below ,     In our daily life , we are used to talking with many people with our own comfortable language . But can we talk to a computer with language English or Hindi or any other ? Ans is No .Because Computer is a machine after all . And computer only understands Machine Language,I mean binary (0 1) .Earlier if we want to do any addition like 9 + 2 ,in tha case we had to write the binary form of 9 ,binary form of + (addition) and 2 also . That is too difficult to remember binary form.Then "Assembly Language" ar
2 comments
Read more

What is Class and Object in Oops || definition of Classes & Objects

We can make a program in Procedure oriented like C . But when C++ comes and says about Object Oriented Programming Language ( Oops ) , then Class & Object comes into picture . If we want to make a program in object oriented,then we must have to know about Class & Object which is main attributes of Oops . If you don't know much about it, don't worry . Take a seat , and let's start .   Class is a blueprint of Object where Object is a real world entity . Now whoever reading this blog , consider that I am a Object , that's great .. Now let's see with an example below then will discuss rest   ..       So if I consider Human as a Class & myself as an Object , then its definite I must be some properties and behavior .. So here we can say skin color , age , eye color , height etc as properties of myself . I am 22 year's old so 22 year's is an property and I can talk so here talk() is an function ( behavior ) of myself . So there are s
Post a Comment
Read more

Text Formatting || Fonts in HTML

We all know that we can write Paragraphs in HTML with many tags , like  <p> , <span> etc. But what the point is if we think about its formatting , for example how to change a text color,how to resize a text .Don't know ? well take a sit ,we will discuss about it briefly , Lets Start ...  First talk about how to resize a font and change it's color also set it's alignment . Please note a point before that in HTML only 3 types of alignments are there : a- left , b- right , c- center  We will go through this line with ' p ' tag: "Hello World! Wake up and do your work hard" .    First set it's alignment ,I am showing a example below :      So,we can see the above example where I have put all three alignments with same line .First one will show at the left hand side ,second one will show at the center ,and last one will show at the right side .Now see the output of this example below :   Wow , it shows the cor
Post a Comment
Read more