HTML Basics Notes

What is HTML: The Structure Layer of Every Web Page

HTML is a markup language, not a programming language. It labels content so that browsers, search engines and assistive technology all agree on what e...

HTML

HTML Document Structure: DOCTYPE, html, head and body

Every page is built from the same four parts. Learn what the doctype actually does, why html carries the lang attribute, and the rule that decides whe...

HTML

Elements, Tags and Attributes: The Vocabulary of HTML

Tag, element and attribute are three different things, and interviews test the difference constantly. Learn the anatomy, the void elements, boolean at...

HTML

HTML Comments: Notes That Ship With Your Code

Comments explain markup to the next developer, but they are downloaded by every visitor and readable by anyone. Learn the syntax, the nesting trap and...

HTML

Block Level and Inline Elements

The oldest distinction in HTML layout: block boxes stack down the page and fill the width, inline boxes sit inside a line of text. It also decides whi...

HTML

Writing and Running Your First HTML Page

Set up a folder, save a real .html file, open it in a browser and understand the difference between opening a file and serving it. The workflow every...

HTML

How a Browser Turns Markup Into a Page

Parsing, the DOM, style matching, layout and paint. Knowing this pipeline explains why script placement matters, why images need dimensions, and why b...