HTML Notes - Page 10

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.

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

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

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

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

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

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

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

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

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 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

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...