HTML Notes - Page 2

Project: Registration, Login and Contact Forms

Three forms that cover almost every input type, validation pattern and accessibility requirement you will meet in real work.

HTML

Project: A Product Page

An image gallery, a specification list, a quantity form and structured data. The page where hidden fields, tables and forms all have to be right at on...

HTML

Project: A Blog Article Page

Long form content done properly: article structure, a table of contents, figures, code blocks, an author footer and Article structured data.

HTML

Project: A Portfolio Page

A grid of project cards with a filter, responsive images and a case study page. The project where card markup, image performance and clickable regions...

HTML

Project: A Resume Page

A document with real structure: dated entries, an experience timeline, skills grouped by category, and a print stylesheet that produces a usable PDF.

HTML

Project: A Personal Profile Page

Your first complete page. One file, semantic structure, a photograph, a list, a table and a link out - built to a specification and checked against it...

HTML

A Pre Launch Checklist

Everything worth verifying before a page goes live, grouped so it can be worked through in about twenty minutes.

HTML

Security Considerations in HTML

Markup is not where security is enforced, and several markup decisions can undermine it entirely. The ones every front end developer should know.

HTML

HTML Performance Best Practices

What the markup alone can do for speed, with no build tooling: resource hints, image discipline, script loading and the small set of attributes that m...

HTML

Clean HTML: Structure, Naming and Maintainability

Markup you can still read in six months. Consistent conventions, meaningful names, shallow nesting and a house style that survives more than one devel...

HTML

A Working Setup: Formatting, Linting and Live Preview

Consistent formatting, markup linting, live reload and shared settings. A day of setup that pays back on every file afterwards.

HTML

Editor Shortcuts and Multi Cursor Editing

Multi cursor editing changes what feels possible in a file. These shortcuts are worth the twenty minutes it takes to build the habit.