HTML
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
A complete HTML path: document structure, text, links, media, tables, forms, semantic markup, HTML5, metadata, accessibility, SEO, tooling, projects and assessment.
113 notes in 20 topics
Topics in HTML
HTML Basics 7
Text and Formatting 5
Links and Navigation 5
Images and Media 7
Lists 3
Tables 5
Forms 9
Semantic HTML 5
HTML5 Features 7
Head and Metadata 5
HTML with CSS 5
HTML with JavaScript 5
Accessibility 6
HTML SEO 10
DevTools and Debugging 4
Editor Productivity 3
HTML Best Practices 4
HTML Projects 6
Advanced Projects 5
Practice and Exams 7
Notes
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...
HTML
Headings h1 to h6 and the Document Outline
Headings are the table of contents of your page. Choose the level from where the section sits in the outline, never from how big the text should look.
HTML
Paragraphs, Line Breaks and Thematic Breaks
The p element is the workhorse of body copy. br and hr look like spacing tools but are content, and using them for layout is the most common beginner...
HTML
Emphasis and Importance: strong, em, b and i
Four elements, two that look bold and two that look italic, and the pairs are not interchangeable. The difference is meaning, and screen readers act o...
HTML
The Small Text Elements: mark, small, del, ins, sub and sup
Six narrow elements that each solve one problem precisely: highlighting a match, fine print, tracked edits, and characters that sit above or below the...
HTML
Quotations, Code and Preformatted Text
blockquote, q, cite, abbr, code, pre, kbd and samp. Eight elements that make quoted material and technical text mean what it says.