All HTML guides

An HTML file downloads instead of opening because the server sends the wrong header, not because the file is broken. Check it in one line; 5 fixes.

How to open an HTML file on a phone: tap it in Files on iPhone, or use Open with Chrome on Android. What each route misses, and what always works.

Upload an HTML file to Slack and people get a file card and a download, not the page. What Slack does with .html, and how to send a link that unfurls.

Gmail and Outlook do not block .html attachments, but the preview shows raw code and company gateways strip them. What fails, and how to send a link.

Google Drive stores an HTML file but the preview shows source code and Open with has no browser. Why, the old hosting trick, and how to get a working link.

Since Notion 3.6 (July 2026), /html adds an HTML block that runs an uploaded .html file. The steps, what we saw in testing, and when a separate link fits better.

Share a working HTML report in Teams. Compare attachments, SharePoint HTML pages, and a published link, with access checks and a complete sample report.

Are HTML files safe to open? The warning is about what any HTML file could do, not yours. How to check one, and how to stop readers seeing it.

Google Fonts not working in HTML has four causes, three the same shape: the font is somewhere the page cannot reach. How to tell which, and the fix.

Images not showing in your HTML file? The five causes, how to tell them apart in the Network panel in ten seconds, and how to embed images so they travel.

Six ways to share an HTML file, ranked by whether the reader sees the page. Why the file comes last, the 4-step link route, and a pre-send checklist.

How to share an HTML dashboard so the numbers stay current: one address, a timestamp on the page, one column on a phone, and updates without resending.

An HTML presentation is one small file with real text and your styling. Distribution is the hard part: what to change for a phone and a projector.

How to share an HTML report as one link: findings first, anchors to each section, history without copies, and corrections without a v2 email.

An HTML invitation template built for a phone: an unambiguous date, a tappable address, a calendar file, a preview card, and one page to change.

An HTML portfolio template that loads fast: image weight, the right formats, lazy-loading below the fold, and one address that survives new work.

Turn a resume page into a PDF that keeps its layout and its clickable links. Print rules, page breaks, and what applicant systems read.

HTML charts without JavaScript: a bar chart in fourteen lines of CSS, when SVG is the right tool, the accessibility details, and one address to send.

A sortable HTML table in a few lines, with tabular numbers, real table markup, phone-first scrolling, and the limit of editable cells in a file.

HTML calculator code in thirty lines, plus the places a calculator stops computing: pasted documents, PDFs, screenshots. How to pre-fill it from the link.

Sending an HTML form to email is one of four receivers, and the weakest on phones. What each option costs and the field details that get forms completed.

An HTML timeline template built vertically for phones, with the current item marked, future dates coarsened, and one address that survives a date moving.

Two ways to share Claude artifacts: Publish inside Claude for a public link, or copy the HTML onto a page you control so the text stays editable.

How to save a Claude artifact: copy the complete file, give it a real title, keep the prompt in a comment, and store it where a phrase finds it again.

A ChatGPT HTML preview shows the page a code block describes. The three checks to run first, and how to turn the same block into a link anyone can open.

ChatGPT Canvas was removed from current models in May 2026. How to get the HTML out of a chat block and onto an address that keeps working.

An original fictional order dashboard with eight supplied rows, checked status counts and a working offline status filter.

An HTML report template worth reusing: sections in order, the number rule that keeps invented figures out, phrases to strike, one address to send.

Claude HTML slides arrive as paragraphs sized for a projector. The word count rule, slides sized to the screen, and type that reads from the back.

An HTML dashboard template in one self-contained file: every figure in one DATA block, cards that stack on a phone, bars that need no charting library.

Use an assistant as an HTML table generator and columns sort as text. The prompt that fixes numeric sorting, editable cells and phone width.

A prompt that produces an HTML bar chart without JavaScript: bars from divs, stacked bars, inline SVG lines, and the inline-element trap that wastes hours.

An HTML one pager template with a time budget: four sections, a claim as the headline, figures with their base, and actions with dates.

To fix HTML code fast: render it, narrow the window, open the console, and run the ten checks in order. Nine of the ten are a single line.

HTML not rendering in the browser is usually one line. Open the console, read the first error only, and match it to the five causes of a blank page.

HTML CSS not working has four causes: a separate stylesheet, framework class names, a copied fragment, a failed font. How to tell them apart.

A ChatGPT response cut off mid-tag will not render. How to get the rest without a broken join, and the prompt that keeps the page under the limit.

To edit HTML without coding you need a route around the assistant and the markup. Why both fail, and the three ways to change text directly.

Turning AI-generated HTML into a PDF: the four print faults every generated page has, the stylesheet that fixes them, the export, and when a link is.

How to make an HTML template out of a page you already have: keep the first good one, put every value in one place, and edit that place each period.

Four CSS color variables in a :root block replace a page's whole palette: the four values, removing the gradient and shadows, and contrast.

To make HTML mobile friendly: the viewport line, fixed widths, hard-coded columns, box-sizing, and one element that cannot shrink. Each is a single line.

What is an iframe: an HTML element that draws another document inside a box on your page. How it works, the height problem, the attributes worth.

What iframe srcdoc does: the whole inner document goes in an attribute, so a preview needs no file and no address. Escaping, why every HTML viewer uses.

The iframe sandbox attribute starts from nothing allowed and grants back what you list. What each value permits, the combination to avoid, a working.

What a data URI is: the resource written into the address itself, so an image or font travels inside the HTML file. The syntax, where it fits, why.

What a static page is: the server hands over the same file to every reader and computes nothing per request. Scripts still run in the browser. Where.

contenteditable in HTML turns any element into a text field on click, with no library. What it does, the three things it does not do, the focus style.

What the DOCTYPE in HTML does: one first line that tells the browser to use current rules instead of quirks mode. What quirks mode changes, how to check.

What the viewport meta tag does: tells a phone to lay the page out at its real width instead of a pretend 980px. What each value means, why not to.

Inline CSS puts the rule on the element with a style attribute. The two cases where it is right, why it is wrong the rest of the time, how specificity.

An external stylesheet is a CSS file the page links to. Right for a site of many pages sharing rules; wrong for a single page that will be sent, because.

A self-contained HTML file carries its styles, scripts and small images inside itself and points only at full https addresses. The checklist, the.

A base64 image in HTML is the file's bytes written as text inside the img tag, so the picture travels with the page. How to produce one, why to compress.

SVG in HTML puts a drawing into the page as markup: sharp at any size, coloured by CSS variables, readable by screen readers, and embedded by.

CSS grid lays children out in rows and columns you declare. One line, repeat(auto-fit, minmax(170px, 1fr)), fits as many columns as the width allows and.

CSS flexbox arranges children along one line and shares the space between them. The four patterns that cover most rows, the shrinking trap, and when.

A CSS media query applies rules only when a condition holds: screen width, print, dark mode preference. Write mobile-first, pick breakpoints from the.

box-sizing: border-box makes padding and border fit inside the width you wrote instead of adding to it. Why the default breaks layouts, what one.

Web font CSS: a font the page brings with it via @font-face, embedded as woff2 or fetched from an address, versus a system font stack that brings.