Table of contents
No headings in the article.
The DOM or document object model is a written HTML document
that is viewed in the web browser. We could say it's the output of
the HTML Document. So the HTML document looks like this:
<!DOCTYPE html>
<html>
<body>
<h>Hello Html DOM </h>
<p>The DOM is the Html output on the browser</p>
</body>
</html>
So, in simple terms let's take the example of a car to better understand an HTML Dom.
Let's say the basic structure of a car without the design such as the shape of the car, will be as if it's an HTML Document. Then the color, interior and design features of the car are like the CSS document. Once the structure of a car is combined with its design, it gives us a car model, so the same way when an HTML DOCUMENT is linked with the CSS Document on a code editor when projected on a web browser, it creates an Html Dom.
That's how we can create and project an HTML DOM.
Thanks for the read 😁😁