Return small HTML page

Deliver an HTML page from an HTML string directly inside the Worker script.

Last updated Apr 23, 2026 If you want to get started quickly, click on the button below.

This creates a repository in your GitHub account and deploys the application to Cloudflare Workers.

export default {
  async fetch(request) {
    const html = `<!DOCTYPE html>
        <body>
          <h1>Hello World</h1>
          <p>This markup was generated by a Cloudflare Worker.</p>
        </body>`;

    return new Response(html, {
      headers: {
        "content-type": "text/html;charset=UTF-8",
      },
    });
  },
};

export default {
    async fetch(request): Promise<Response> {
        const html = `<!DOCTYPE html>
        <body>
          <h1>Hello World</h1>
          <p>This markup was generated by a Cloudflare Worker.</p>
        </body>`;

        return new Response(html, {
            headers: {
                "content-type": "text/html;charset=UTF-8",
            },
        });
    },
} satisfies ExportedHandler;

from workers import WorkerEntrypoint, Response

class Default(WorkerEntrypoint):
    async def fetch(self, request):
        html = """<!DOCTYPE html>
        <body>
          <h1>Hello World</h1>
          <p>This markup was generated by a Cloudflare Worker.</p>
        </body>"""

        headers = {"content-type": "text/html;charset=UTF-8"}
        return Response(html, headers=headers)

use worker::*;

#[event(fetch)]
async fn fetch(_req: Request, _env: Env, _ctx: Context) -> Result<Response> {
    let html = r#"<!DOCTYPE html>
        <body>
          <h1>Hello World</h1>
          <p>This markup was generated by a Cloudflare Worker.</p>
        </body>
    "#;
    Response::from_html(html)
}

import { Hono } from "hono";
import { html } from "hono/html";

const app = new Hono();

app.get("*", (c) => {
    const doc = html`<!DOCTYPE html>
        <body>
            <h1>Hello World</h1>
            <p>This markup was generated by a Cloudflare Worker with Hono.</p>
        </body>`;

    return c.html(doc);
});

export default app;

Was this helpful?

YesNo

On this page

Docs

{"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/workers/examples/return-html/#page","headline":"Return small HTML page","description":"Deliver an HTML page from an HTML string directly inside the Worker script.","url":"https://developers.cloudflare.com/workers/examples/return-html/","inLanguage":"en","image":"https://developers.cloudflare.com/workers/examples/return-html/og.png?v=6c72e162ff06349b","dateModified":"2026-04-23","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"},"keywords":["JavaScript","TypeScript","Python","Rust"]}

description: Return JSON directly from a Worker script, useful for building APIs and middleware. title: Return JSON image: https://developers.cloudflare.com/workers/examples/return-json/og.png?v=73c19726eaaa42cc

Skip to content

Documentation Index
Fetch the complete documentation index at: https://developers.cloudflare.com/workers/llms.txt
Use this file to discover all available pages before exploring further.