Submit an HTML file in Google Classroom so your teacher sees the page

The web project works on your laptop: layout, buttons, and the game. Then you attach index.html to the assignment in Google Classroom, and the teacher gets a file rather than your page. Or you are the teacher: ChatGPT made a review game, and 28 students need to open it on their Chromebooks.

This page covers both: what Classroom does with an attached HTML file, handing in a link to the page instead, and a teacher posting a game or quiz as a link. Google's Classroom help and the other pages quoted were read October 16, 2026.

Attaching the file vs handing in a link: what the teacher sees

Classroom takes an .html file like any attachment. It stays a file. Google's help does not say how Classroom or Drive shows an attached HTML file. Google's list of files you can store in Drive puts .HTML under “Markup/Code” among the types it previews, and says “The Google Drive preview is a scaled-down version of the complete file.” It does not say whether that preview draws the page or runs its scripts. A link to a published page opens the page itself, in the browser.

Google's announcement notes that serving content from Drive stopped August 31, 2016. In GitHub's docs, GitHub Pages “is available in public repositories with GitHub Free”. Netlify's Drop quickstart states: “If you drop without signing in, your project URL is protected with a temporary password until you claim it.” On Netlify's credit-based plans, a team with private by default turned on keeps a claimed project private until you make it public. You can see more hosts compared in How to share an HTML file as a link.

Hand in the page as a link in 4 steps

You must be at least 13 years old to use Convika. If you are under 18, a parent or guardian has to agree first. If you are under 13, or if you would rather not make an account, ask your teacher how your class should put a page online. Then do step 4 with the address you get.

1. Put the project in one file

Convika takes one .html or .htm file, up to 2 MB. If your project has a style.css, a script.js, or a folder of images, put the CSS and JavaScript inside index.html. Use https:// addresses for the images. To see how, with a request to paste into ChatGPT or Copilot, read How to share an HTML file from VS Code.

2. Drop the file in the box and check it

Drop the file in the box at the top of this page, or switch to Paste code and paste it. Next, click Get my preview link. When you see “Your preview is ready,” open it and check the layout. The preview works 3 minutes with scripts and forms off. Buttons and games will not respond yet. Do not hand it in.

3. Keep the page and publish it

Click Keep this page — free, no card above the preview link to sign up. The page moves into your account as uploaded, and scripts run. Click Open preview to try it, then click Publish; the confirmation offers Public (free) and Private link (Pro or pass). Either way your teacher can open the link straight from Google Classroom without a Convika account or password; a Public page may show up in search results and in Convika's gallery, and a private link keeps your project out of both. Click Publish in the dialog. On the page's screen, click Copy next to the address under Live URL. The address stays the same until you click Unpublish, and you can change search settings later in Site settings.

4. Add the link under Your work and turn it in

Google's help on turning in an assignment gives these steps:

• On a computer. Click the assignment, then click View instructions. Under Your work, click Add or create and select Link. Enter the address, click Add, click Turn In, and confirm.
• In the Android app. On the Your work card, tap Expand. Tap Add, tap Link, and enter the address. Tap Select, tap Turn In, and confirm.
• In the iPhone or iPad app. On the Your work card, tap Expand. Tap Add work, tap Insert Link, and enter the address. Tap Add, tap Turn In, and confirm.

Before turning it in, open the link on your phone or in a private browser window. You will see the page as your teacher will.

Canvas and other class sites

Canvas has a submission type for a link. Instructure's guide on entering a URL as an assignment submission outlines the steps: click the Website URL tab, paste the address into the Website URL field, and click Submit Assignment. The tab shows only if your teacher allows website URLs for the assignment. Canvas does not keep a live link. Its guide for instructors says the submission “is a snapshot of what the page looked like when it was submitted and is not a link to the live URL.” If your teacher needs to click through your page or play your game, ask how they'd like the address.

Post an AI-made game or quiz for your class

Teachers post a page the same way students hand one in: as a link. Publish it first by following steps 2 and 3 above, then copy the address from Live URL. Google's Classroom help gives two places for it:

• As a material. Google's help on adding materials outlines the steps: click the class, click Classwork, and select Create > Material at the top. Enter a title and description, choose Add > Link, paste the address, and click Post. As that help page explains, “class materials are not gradable,” so this option suits a practice game.
• As an assignment. Follow Google's help on creating an assignment. Click Create > Assignment at the top. Below Attach, click Link, paste the address, and click Assign to post it.

In the Classroom app, tap Link in the attachment options and enter the address. For a projector, click Show QR code next to the address under Live URL, then click Download PNG to put the code on a slide. See how to turn an HTML file into a QR code if students scan it with a tablet's camera.

Students open the link in the browser on a Chromebook, an iPad, or a phone, with no Convika account needed. A school web filter can block a site it does not know yet, so open the link on one student device before class. A game or quiz on the page shows each student their own score and sends you none. For scores you record, use a quiz in Google Forms. Follow how to turn an AI-made quiz or review game into a link for how to get the game out of the AI and a request to paste into the chat. If you built it in Claude for Teachers, sharing a Claude artifact with students explains why its Share link does not open for them.

Teaching in Hong Kong? Neither Anthropic's supported regions nor OpenAI's list of ChatGPT's supported countries includes Hong Kong. Our Hong Kong Foundation's January 2026 report on a survey of 1,200 Hong Kong teaching staff and students found that the “most frequently used tools are POE and Deepseek.” A quiz either one writes as one HTML file publishes and posts the same way.

Let colleagues reuse it. Copies are off until you turn them on: in Site settings, under Copies of this page, tick Let people make their own copy of this page. A line at the bottom of the live page then lets anyone who opens it make their own copy, free, and change it. Another teacher can then adapt your game. Copies keep the page's text, names included, so keep students' names off it. To turn copies off, use Copies of this page in Site settings.

Fix it without reposting. If you spot a wrong answer after first period, open the page's screen. Under New version from a file, drop the changed file or switch to Paste code, then click Upload as a new version. When the card says “Preview v2 is ready,” click Open preview to check your work. Click Publish v2 at the same link, then click Publish in the dialog. The link in Classroom and the code on your slide open the fixed page. Do not use Upload an HTML file for a fix: it makes a new page at a new address.

Pages with CSS or images in other files

Classroom attaches the one file you pick. A page loading style.css, script.js, or images from its folder loses them when opened elsewhere. Convika hosts one HTML document per page too. Put CSS and JavaScript inside the HTML file, and point each image at an https:// address. You can also ask the AI that wrote the page: “Turn this into one HTML file with all the CSS and JavaScript inside it, and use https:// addresses for the images.” A library loaded from an https:// link (a charting library) runs on a published page. A page calling another site's API (a leaderboard, a Google Sheet) does not: a Convika page sends requests only to its own address.

Frequently asked questions

How do I submit an HTML file in Google Classroom?

Publish the file so it has an address, select Add or create > Link under Your work, enter the address, and click Turn In. Convika Free publishes it with no card for anyone 13 and over, with a parent's or guardian's consent under 18. If you are under 13, ask your teacher how to put the page online.

Why does my teacher see code instead of my page?

You handed in the file, and how Classroom or Drive shows an .html file is up to them. Google's Drive help lists .HTML among the code files it previews, but does not say whether the preview draws the page. Hand in a link to a published page, because that link opens the page itself.

How do I submit an HTML file in Canvas?

If your teacher allows website URLs, publish the file, open the assignment, click the Website URL tab, paste the address, and click Submit Assignment. Canvas saves a snapshot of the page as it looked when submitted. Ask your teacher how they would like the address if they need to use the page.

Can I submit a link instead of a file in Google Classroom?

Yes, you can submit a link instead of a file. In Google's own help, Add or create under Your work offers Link next to Google Drive and File. Enter the address, click Add, and click Turn In.

How do I post a game for my class in Google Classroom?

Publish the game's HTML file, go to the Classwork page, select Create > Material, click Add > Link, paste the address, and click Post. Students open it in the browser without an account. Open the link on 1 student device first, in case the school's web filter blocks it.