Skip to main content

Command Palette

Search for a command to run...

HTML Dom Explained

Published
โ€ข1 min readโ€ขView as Markdown
HTML Dom Explained
T

I am a Web developer, content creator and a student (will always be cause am in tech) and someone who is building his stack portfolio of programming languages.

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 ๐Ÿ˜๐Ÿ˜