What is DOM Tree | DOM Tree Terminology - CSS Tutorial 17

Notes for You:: HTML CSS DOM Tree Terminology.
- For every HTML code we can draw a Document Object Model tree (DOM tree).
- DOM tree is drawn based on the parent and child relationship present between HTML elements.

Tree:
- A tree is a finite set of nodes.

Nodes:
- Nodes in the tree are represented by oval shape.

Edges:
- Nodes are connected with one another by straight lines known as edges.

Root Node:
- First node or top most node in the tree is known as root node.

Parent Node:
- A node containing single child or multiple children is known as parent node.

Leaf Node:
- A node containing no children is known as leaf node.

Ancestors:
- Ancestors of a node are any node visited in the path from the selected node to the root node. (i.e. Parent, Grandparent, Grand grandparent, any node visited up to the root node are considered as Ancestors)

Descendents:
Descendents of a node are any node falling under the selected node tree. (i.e. Direct Children, Children’s Children, or any node that can be reachable from the selected node up to the leaf node is considered as descendent node)

Sibligs:
- Two or more nodes with same parent are known as siblings (i.e. brothers)
Side by side siblings are called adjacent siblings.

=========================================

Follow the link for next video:
CSS Tutorial 18 - CSS Descendant selector

Follow the link for previous video:
CSS Tutorial 16 - CSS Combinator Selector | CSS Combinators | CSS Combination Selector

=========================================

CSS Tutorials Playlist:-

=========================================
Watch My Other Useful Tutorials:-

HTML Tutorials Playlist:-

JavaScript Tutorials Playlist:-

jQuery Tutorials Playlist:-

=========================================

► Subscribe to our YouTube channel:

► Visit our Website:

=========================================
Hash Tags:-
#ChidresTechTutorials #CSS #CSSTutorial

[ChidresTechTutorials]

SUBSCRIBE, SHARE & SUPPORT:
VISIT & LEARN AT FREE OF COST:

[RaviKumar-dong]

It's great to meet the families of html elements.

[shaileshjaiswal]

thank you sir for explanation.
where these terminologies are used.?
what are importance of all these.?
i haven't heard before this.

[rambabunakanamoni]

In this video i learned about DOM tree structure.
DOM meance document objective structure.
a tree is a finit set of nodes.
first node or top most in the tree is known as root node.
a node containing single child or multiple children is known as parent node.
a node containing no children is known as leaf node.

[ssebuumaadam]

I have known the dom tree very well but I have not understood how to draw the dom tree