Quick HTML Edits: Fixing a Web Page from Your Phone
How HTML is structured and how to make small, safe changes to a page in a text editor, such as fixing a typo or a link.
HTML is the language of web pages. Even if you never build a website, you may need to fix a typo, update a phone number or correct a link. A text editor is enough for small changes.
The basic structure
<!DOCTYPE html>
<html>
<head>
<title>My page</title>
</head>
<body>
<h1>Hello</h1>
<p>This is a paragraph.</p>
<a href="https://example.com">A link</a>
</body>
</html>
Most HTML uses tags in angle brackets, usually in pairs: an opening tag starts an element, such as a paragraph, and a closing tag with a slash ends it.
Common tags
| Tag | Meaning |
|---|---|
| h1 – h6 | headings, from largest to smallest |
| p | paragraph |
| a | link, with an href address |
| img | image, with a src address |
| ul, ol, li | bullet list, numbered list, list item |
| strong, em | bold and italic emphasis |
| div, span | containers for grouping |
Safe quick edits
- Copy the file first.
- Search for the text you want to change.
- Change only the text, not the tags around it.
- Keep the tags paired. If you delete an opening tag, delete its closing tag too.
- Keep quotes around attribute values: href="...".
- Save and test in a browser.
Typical small fixes
- A typo in a heading or paragraph.
- A changed phone number or opening hours.
- A broken link: check the address inside href.
- An image path that no longer works.
Special characters
The angle-bracket and ampersand characters have special meaning in HTML. To display them as ordinary text, HTML uses named codes written between an ampersand and a semicolon: lt for less-than, gt for greater-than and amp for the ampersand itself. Otherwise the browser may think you're starting a tag.
Encoding
Save HTML as UTF-8, and make sure the file declares it near the top, so accents and emoji display correctly.
Uploading
Editing a local file only changes your copy. To update a live website, you'll need to upload the file or use the site's own editing tools.
Learn more
Reading a page's HTML is a friendly way to see how the web works, and small edits build confidence.
Notepad+ Text Editor
A fast, advanced text editor for notes and code, with emoji support
More about Notepad+ Text Editor
Editing Config Files on Your Phone: Doing It Carefully
What configuration files are, the common formats, and sensible precautions before making a quick edit.
Read article →Editing README Files and Project Notes
What a README is, what belongs in one, and how to keep project notes tidy in plain text.
Read article →JSON Basics: The Punctuation That Breaks Files
A beginner's guide to reading and editing JSON files, the rules for commas, quotes and brackets, and the mistakes that cause errors.
Read article →Tabs or Spaces? Indentation in Plain Text and Code
Why indentation matters, the difference between tabs and spaces, and how to avoid mixed-indentation problems when editing files.
Read article →