All HTML guides

A favicon in HTML is the icon in the tab, bookmark and history. One link tag with an SVG data URI covers modern browsers with no file; add a PNG for.

Open Graph tags are meta lines in the head that chat apps and social feeds read to draw a preview card: title, description, image. The complete useful.

A canonical URL is one link tag in the head naming the true address of a page, so copies with tracking parameters, www or a trailing slash are folded.

The title tag and meta description are the two lines a search result shows. What each does, how long they can be, how to write them so the result makes.

JSON-LD structured data is a script block that search engines read and readers never see: what kind of page this is, when it changed, who wrote it. The.

Alt text in HTML is what stands in for an image when it cannot be seen: read aloud by a screen reader, shown when the file fails to load. Write the.

Semantic HTML uses the element that says what a thing is, a heading, a nav, a table with headers, instead of a styled div. Same look, and it means.

aria-label gives an element a spoken name when nothing visible does: an icon-only button, a chart drawn from bars, a close control. The four cases where.

tabindex in HTML controls whether an element is in the keyboard's Tab order. 0 adds an element in document order, -1 lets a script focus it without.

localStorage in JavaScript keeps a few megabytes of text per origin in one browser on one machine, across reloads. Always wrap it in try, everything is.

sessionStorage in JavaScript is localStorage with a shorter life: kept across reloads, gone when the tab closes, separate per tab. When per-tab is the.

What CORS is: the browser rule that a page may read a response from another origin only if that origin allows it in a header. What an origin is, why the.

The MIME type is the Content-Type label a server puts on a response. For the same HTML file, text/html draws a page, text/plain shows the source.

A Content Security Policy lists where a page may load scripts, styles, images and frames from; anything else is refused. The directives worth knowing, a.

Mixed content is an http image, script or stylesheet inside an https page. Scripts and styles are blocked outright, images upgraded or blocked, with no.

Relative vs absolute paths in HTML: 'next to this file' versus 'at this location on the web'. Which of the four forms survives being sent, uploaded or.

file:// is the address for a page opened from disk. It is not on the web: only this machine can reach it, scripts cannot fetch neighbours, some features.

What HTTPS is: HTTP with encryption and a certificate, so nobody between reader and server can read or alter the page, and the server is proven. What it.

Cache busting is changing a file's address when the file changes, so browsers holding the old copy fetch the new one. Where copies are held, the two.

HTML minification strips whitespace and comments so the same code is smaller on the wire. What it saves, why compression saves more, and why the image.

A print stylesheet is a CSS block that applies only when printing or saving as PDF: hide navigation, keep tables whole, write link addresses out, set.

Dark mode CSS is one media query, prefers-color-scheme: dark, that redefines the page's colour variables. If every colour comes from a variable, the.

How to send an HTML client report as a page instead of an attachment: one page per period with an index, a summary that stands alone, every figure with.

A weekly status report template that survives past week eight: four sections, ten minutes to write, one page per week and an index that makes it findable.

An onboarding HTML template that shows its age and lets the reader fix it: one page per task, a visible last-checked date, and a who-to-ask page.

How to build an HTML pitch deck as a page: slides sized to the screen, one idea per slide, a reading order, figures with their base, an appendix, and a.

An HTML pricing table as one dated page, quotes as their own fixed pages, the table details that matter, and exclusions stated next to the number.

Send an invitation as a link that opens on a phone, carries the details, and stays correct when the venue changes.

A product specification template built on open questions and decisions with their reasons, kept at one address so a decision stays findable.

How to write HTML research notes you can retrieve months later: the finding as the title, the date of the data, the conclusion first, sources next to.

Put meeting notes at an address attendees can open without an account. What to capture, how to mark decisions and actions, and why a link helps in a thread.

How to write an HTML job description as a page: salary, location, team and process first, the work described as work, required separated from helpful.

How to write an HTML changelog customers read: entries from the customer side, three categories, newest first, action-needed marked, an anchor per.

How to build a client dashboard in HTML: the four lines that make it usable without you, one page per client, phone-first, charts without a library, and.

Link vs attachment for a document: an attachment is a copy, a link is the document, and six consequences follow. Plus the two cases where a file still.

Screenshot vs live page: a picture removes selectable text, copyable numbers, the date, the screen reader, the phone layout and anything interactive..

Two ways to host static HTML free, and the difference is what you work on after: a file host makes the file the unit of work, a document makes the content.

Looking for a CodePen alternative usually means the reader wants the finished page rather than the editor. What each format puts first, and how to choose.

PDF vs HTML file is a choice between two opposite promises: a layout that never changes, or an address that shows the current version. Where each wins.

When to send a link instead of an attachment: what an email body renders, why the attachment is the worst of the three routes, and what to write.

Three routes for handing off HTML that Claude wrote, ranked by whether the reader gets a live editable page, a download, or a transcript.

A chat reply returns HTML as code and commentary, and an in-chat preview stays inside the chat. Where to see the page itself and give it an address.

Turn a Gemini conversation into an HTML page you keep and can send as a link. Four routes compared, plus the five steps for the one that stays readable.

What the in-chat preview of Gemini HTML actually tests, the five ways a page drifts once you save it as a file, and a one-minute check before you send it.

Save the HTML, open it in a browser, then print to PDF. What the PDF loses, how to fix the page breaks, and when a link is the better deliverable.

Keep the deck as an HTML page behind a link, export to PDF and import it, or rebuild it in slide software. What each route costs, and which one fits.

Copilot writes HTML as text in the answer or into a file in your editor. Where that file lands, how to save it yourself, and how to get it to a reader.

Turn a screenshot or mockup into HTML with Copilot: what to ask for, what comes back, and the four things that usually need fixing before you send it.

Ask for a complete self-contained HTML document, take the code block, render it. Four routes from a chat answer to a page people can open, compared.

Copy the code block, save it as a real .html file, and confirm it renders. The .html.txt trap, partial code blocks, and how to get the page to an address.

What a chat preview can and cannot run, why it stays blank or differs from your saved file, and where to render the same HTML to see the real page.

It reads the markup as text and does not open the page as a browser does. What that changes in practice, and how to get a useful answer about a page.

Four routes from ChatGPT HTML to plain text, and why copying the rendered page beats stripping tags by hand. Includes what each route loses.

How to ask Claude for HTML instead of markdown, why it reverts to markdown mid answer, and what to do with the file once you have it.

When to give Claude Code HTML and when markdown wins. Covers repository files, pasted pages, diffs and the cases where the tags carry the meaning.

Where HTML beats markdown as agent input, where it wastes context, and how to decide per document type rather than picking one format for everything.

Whether to paste HTML or markdown into a model, what each format preserves, and the four document types where the answer flips.

Whether RAG documents should be stored as HTML or markdown, what chunking does to each, and where converting loses answers you needed.

How to turn a Claude HTML deck into PowerPoint, or send it as a page instead. Print to PDF, slide images, rebuilt slides, and when not to convert at all.

Turning a Claude HTML presentation into a real pptx file. What carries over, what has to be rebuilt, and how to decide before you spend the afternoon.