Edit pages & source

Build the page behind your idea.

Write a service page, add a booking link or change a product section in HTML. Keep the source, related files and preview together while you work.

HTML Designer Mac workspace
Tagsnavigate HTML structure
Matchesedit repeated selections
Imagespreview local references
Indentkeep the source tidy
Edit pages & source

Make a focused change to your website.

Open the page, find the section you need and edit the HTML, CSS or script. Check the result in preview before saving or publishing.

What you can do

Use it on your own website.

Write a service page, add a booking link or edit a product section with its preview nearby.

Add a page section

Write the heading, copy, image reference and links for a service or project.

Update repeated wording

Use matching selections to edit repeated text in the current document.

Check an image reference

Hover a supported local image path to see which asset the page uses.

Getting started

Make this update.

Open the page, find the section you need and edit the HTML, CSS or script. Check the result in preview before saving or publishing.

  1. Open the source file — Choose the page or stylesheet for the task.
  2. Edit the relevant section — Navigate the HTML and make the change.
  3. Check the rendered page — Review the result in preview and save the source.

Read the step-by-step guide →

Useful details

Questions about this task.

Check how this works with your project and hosting.

Which files can I work on?

The editor supports common web source and text files, including HTML, CSS, JavaScript, PHP, JSON, Markdown and plain text.

Does editing a language mean the app runs it?

No. Preview and execution depend on the file and its environment. Static pages can use local preview; PHP uses configured hosting, and build-based projects need their usual tools.