HTML guides
Short, practical answers about HTML files — how to hand one to another person, why one refuses to open, and what the words inside it mean. Browse 2904 published guides by topic, or open the complete list a page at a time.
Sharing HTML (139)
Turning a finished page into an address other people can open.
share html file
How to share an HTML file
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.
share dashboard
How to share an HTML dashboard as a link
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.
html presentation
HTML presentation: sharing a deck that opens anywhere
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.
share html report
How to share an HTML report as a link
How to share an HTML report as one link: findings first, anchors to each section, history without copies, and corrections without a v2 email.
html invitation template
An HTML invitation template that guests open on a phone
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.
html portfolio template
An HTML portfolio template that opens in seconds
An HTML portfolio template that loads fast: image weight, the right formats, lazy-loading below the fold, and one address that survives new work.
When it will not open (92)
The file is fine and the page still does not appear. What is actually blocking it.
html file downloads instead of opening
Why an HTML file downloads instead of opening, and how to fix it
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.
open html file on phone
How to open an HTML file on a phone
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.
send file in slack
How to send an HTML file in Slack so people actually see the page
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.
send html file by email
How to send an HTML file by email without it being blocked
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.
html file in google drive
Why an HTML file in Google Drive shows code instead of the page
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.
embed html in notion
How to embed HTML in Notion with the /html block
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.
HTML from AI chats (308)
You asked for a page and got HTML back. What to do with it.
share claude artifacts
How to share Claude artifacts, two ways
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.
save claude artifact
How to save a Claude artifact so you can find it later
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.
chatgpt html preview
ChatGPT HTML preview: from code block to a real page
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 removed
ChatGPT Canvas removed: getting the page out and onto a link
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.
html report template
An HTML report template, and the figures to check before you send it
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
Claude HTML slides: making them presentable
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.
Terms explained (154)
Short, plain answers to the words that show up in HTML files.
what is an iframe
What is an iframe?
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.
iframe srcdoc
iframe srcdoc: rendering HTML without a URL
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.
iframe sandbox attribute
The iframe sandbox attribute: every permission explained
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 is a data uri
What is a data URI?
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 is a static page
What is a static page?
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 html
contenteditable in HTML: make any element typeable
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.
By use case (1235)
The same problem seen from a particular kind of work.
html dashboard
AI-Generated Dashboard HTML: Trace the Summary to the Rows
An original fictional order dashboard with eight supplied rows, checked status counts and a working offline status filter.
html client report
HTML client reports as pages, one address per period
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.
weekly status report template
A weekly status report template: four sections, ten minutes
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.
onboarding html template
An onboarding HTML template that does not go stale
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.
html pitch deck
HTML pitch decks as pages, built for the reader on a phone
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.
html pricing table
HTML pricing table and quotes as pages
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.
Ways to compare (68)
How the available approaches differ, and which fits which job.
link vs attachment
Link vs attachment: six differences that decide it
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
Screenshot vs live page: what a picture silently removes
Screenshot vs live page: a picture removes selectable text, copyable numbers, the date, the screen reader, the phone layout and anything interactive..
host static html free
Host static HTML free: a file host, or a document?
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.
codepen alternative
A CodePen alternative for when the reader wants the page
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
PDF vs HTML file: fixed layout or fixed address
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.
why send a link instead of an attachment
How to send a link instead of an attachment
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.
Build it in HTML (902)
One technique per guide, each with a live example you can try, edit and copy.
draggable div
Make a draggable div with HTML and JavaScript
Make a div you can drag with a mouse or a finger, in about 20 lines of JavaScript. Live examples to try, the code to copy, and fixes for jumping and phones.
css transform
CSS transform: move, rotate, scale and skew an element
How CSS transform moves, rotates, scales and skews an element without touching layout. Live examples, why function order matters, and fixes when it does nothing.
back to top button
Make a back to top button with HTML, CSS and JavaScript
Build a back to top button that works without JavaScript, scrolls smoothly, appears after scrolling and shows reading progress. Live examples, code, and fixes.
smooth scroll css
Smooth scroll with CSS, from one line to a finished one-page site
Smooth scroll with one CSS line, plus scroll-margin-top for sticky headers, scrollIntoView for buttons, reduced motion, and a nav that marks the section in view.
before after slider html
Build a before/after slider with HTML and CSS
Build an accessible before/after image slider, test it on a phone, share it as one live page, and update the same link later.
drag and drop file upload html
Build a drag and drop file upload zone in HTML
Build a drag and drop file upload zone in HTML and JavaScript: dragover and drop, a highlight, a click fallback, image previews and type and size checks.