What is the DOM?

Please try this out right now, on this web page!

Is the DOM Just My HTML?

Unbreaking Your Code (Using the DOM)

With both HTML and CSS, it can be easy to forget a semi-colon or a closing tag, which can lead to unwanted display issues on your website. There are a few tools that can help prevent and/or fix this going forward.

Debugging With Your Browser

Chrome can be one of the most useful tools for debugging HTML and CSS.

Chrome Inspector

Image of the chrome web inspection tool

Grab a Second Set of Eyes

Often staring at thousands of semi-colons and angle brackets can be overwhelming and mind-numbing. A second set of trained eyes can help to find that pesky character that is breaking your code.

What is a Linter?

There are endless options for both HTML and CSS linters. A quick Google search will yield a number of potential websites and plugins to help debug your code.

You can download your preferred linter through the VS Code marketplace. (ESLint comes bundled with VS Code by default)

E.g. https://validator.w3.org/

 Previous Next 

Outline

[menu]

/