All HTML guides

Both formats can be accessible and only one is by default. What tagging actually costs, where PDFs fail on phones, and a checklist for each format.

Static means the server sends the same file to everyone. Dynamic means it builds a response per request. How to tell which your page needs, with examples.

What a single file HTML landing page needs, which parts are optional, and the fastest route from finished markup to a working address you can send.

The smallest landing page that still works, what to cut, the head tags you cannot skip, and how to get it to a shareable address in one step.

How an HTML email template is built, why it uses tables and inline CSS, a minimal starting file, and how to review it as a page before sending.

How to lay out an HTML email newsletter, keep it under the clipping limit, and publish the web version at a link readers can open on any device.

Why an HTML newsletter looks wrong in Outlook, which Outlook you are actually testing, and the markup that survives the Word rendering engine.

How to build an HTML email signature with tables and hosted images, install it in Gmail and Outlook, and keep one version for the whole team.

What an HTML email signature generator produces, the four things to inspect in the output, and how to run your own generator page at a shared link.

A working HTML countdown timer in about twenty lines, the time zone mistake that shifts it by hours, and how to put the timer at a link people can open.

Build a free HTML countdown timer embed widget you host yourself, embed it with an iframe, and avoid the dependencies that come with hosted widgets.

Scripts do not run in mail clients, so an HTML countdown timer for email has to be a served image with a text fallback. Here is the pattern and its limits.

How to build an HTML quiz in one file with radio inputs and a small script, what a client side quiz can never enforce, and how to share it as a link.

Complete HTML quiz code with score, per question feedback, percentage bands and a retry button, in one file you can paste and share as a link.

Build an HTML signup page with the right input types and labels, decide where the submission goes, and put the page at a link people can open.

Pricing page HTML that holds up: card markup with grid, a real comparison table, the accessibility details, and how to circulate the draft for approval.

Put an org chart at an address people can open. Build it with nested lists and CSS, keep it readable on a phone, and correct names without resending anything.

Build an HTML gantt chart with CSS grid, no library required. Column tracks for weeks, bars for tasks, and a link that stays current when dates move.

Draw an HTML pie chart with conic-gradient, SVG, or a chart library. Which to pick, how to label the slices, and how to send it as a working link.

Build an HTML bar chart from a table with CSS grid or flexbox, no library. Axis, labels, stacked bars, and how to share it so the numbers stay current.

Copy a complete HTML image gallery with responsive CSS, captions, and a keyboard-operable lightbox. See how to keep the images working when you share the page.

Build an HTML table of contents with heading ids and anchor links. Smooth scroll, sticky sidebar, scroll offset fixes, and how to share the page.

What belongs on an HTML about page, the markup that makes it findable, and how to publish it at an address without setting up a website.

Build an HTML home page as a single file: structure, head tags, responsive layout, and how to publish it at an address without a hosting setup.

Build a simple HTML index page that lists and links your pages. Why it is called index.html, what to put on it, and how to share it as one link.

A working under construction HTML template, what to put on it, what to leave off, and how to publish it at an address you can replace later.

Share a mockup as a link reviewers can click through on a phone. Why a flat image gets the wrong feedback, and what to build instead.

Build an HTML wireframe that argues about structure rather than style. Grey box CSS, placeholder content rules, and how to circulate it for review.

How to build an HTML prototype that reviewers can click, and put it at an address instead of mailing a file. Includes a comparison of prototype formats.

How to turn wedding invitation HTML into a page guests open on a phone. What to put in the file, what breaks in chat apps, and how to fix details later.

What HTML game code needs to run outside your folder, why canvas games break when shared as files, and how to put a playable game at an address.

Why single HTML file games run anywhere, which parts of a game cannot fit in one file, and how to put a playable page at an address people can open.

How to build an HTML resume that opens on any device, prints to one page, and still produces a PDF when an application form demands one.

A simple HTML resume in one file, with no framework and no external assets. The markup, the minimum CSS, and how to share it as a link that stays current.

An HTML file not opening in a browser usually means the wrong default program, a hidden extension, or a phone with no file handler. How to tell which.

HTML not loading CSS means a wrong path, a wrong link tag, a cached old file, or a stylesheet that never travelled with the page. How to tell which.

HTML not loading images is a path problem, a hotlink block, a mixed content block, a case mismatch, or a file that never travelled. How to identify each.

An HTML page not displaying properly in Chrome is usually cache, quirks mode, a blocked local request, or an extension. A five minute diagnosis in order.

Why HTML is not displaying correctly in Outlook: a different mail engine, stripped styles, blocked images, attachments shown as code. What to do instead.

HTML email not displaying properly in Gmail comes from stripped style blocks, clipped messages, blocked images and rewritten CSS. Plus the safer route.

JavaScript in your HTML file does nothing. Check the console, then script order, then the file protocol. A ranked list of causes and the fix for each.

The browser refuses a file:// image or script inside a page. Why the rule exists, why disabling security is the wrong fix, and the three routes that work.

An iframe shows nothing, or the console says the site refused to connect. The four causes, how to tell them apart in ten seconds, and what to do instead.

Autoplay is blocked unless the video is muted. The exact attribute set that works, why Safari and mobile differ, and how to handle the promise rejection.

The video element is dead and the network tab shows a 404. How to read the failing URL, fix case sensitive paths, and tell a missing file from a bad codec.

A GIF in your page sits on one frame. The usual causes are a non animated export, a loop count of one, or a reduced motion setting. How to check each.

A canvas looks soft because its buffer is smaller than its box on screen. Set the width and height attributes from devicePixelRatio and scale the context.

Keyframes defined and nothing moves. Name mismatch, missing duration, a non animatable property, display none, or reduced motion. How to check each one.

A dead button is usually covered by an invisible element, disabled, or missing its handler. How to find the real click target in the inspector.

Text runs off the edge instead of wrapping. The cause is white-space nowrap, a flex item that will not shrink, a fixed width, or one unbreakable string.

What word-break does, how it differs from overflow-wrap and hyphens, and which one to use for URLs, code, table cells and ordinary prose.

Table cells size themselves from content, so wrapping rules get ignored. Use table-layout fixed with column widths, then wrap or truncate per column.

Show and hide a div with details, the hidden attribute, a CSS class toggle, or display none. Which one survives sharing, printing and screen readers.

Show one div per dropdown option using a change listener and matching ids. Includes the reset on load, the multi-panel table, and the accessibility line.

Build nested collapsible sections with details and summary, keep deep links working, and stop the three-level tree that nobody can navigate.

Two different things share the name dropdown menu. Which one you need, the markup for each, and the keyboard rules a hover menu has to earn.

Set the default selected option with the selected attribute, add a placeholder that cannot be submitted, and fix the value the browser restores on reload.

Three different yes no buttons in HTML: a confirm prompt, a recorded answer, and a branch that reveals a section. Markup for each and which to use.

Build a modal form with the dialog element, close it without losing input, keep validation working, and know when a modal is the wrong container.

Two ways to build a modal in HTML and CSS. What the dialog element gives you free, what a div overlay has to re-earn, and the scroll lock fix.