Guides
Practical answers for people who have an HTML page and need to change it, fix it, or put it online. Most of it applies whichever tool you use.
Finipage17 guides
Edit HTML files without code. Open an HTML file, click the text you want to change, and type. Colors, sizes, images, links, and section order change with the mouse. Files never leave your browser, and older Korean pages saved as EUC-KR open without broken characters. Open Finipage
Editing pages
- How to Edit an HTML File Without Knowing CodeThree ways a non-developer can change text, colors, images, links and layout in an existing .html file, and which one fits your situation.
- How to Edit a Landing Page Made by ChatGPT or ClaudeWhat to replace, remove and check in an AI-generated HTML landing page, and a way to edit it without asking the AI to rewrite everything.
- HTML File Structure Explained for Non-DevelopersWhat doctype, head, body, tags, attributes, class, id and CSS do in an HTML file, and how to find the exact line that controls a piece of text.
- How Fonts Work on a Web Page and How to Change Themfont-family and fallbacks, web fonts from Google Fonts or a CDN, Korean fonts like Pretendard, licenses, faux bold, and spacing for Korean text.
- How to Keep Versions of Your HTML Files Without GitA versioning routine for non-developers: dated folders, Google Drive and OneDrive version history, comparing two versions, and when Git is worth it.
- Turn an HTML Template Into Your Own Company PageCheck the license, understand the folder, replace logo, text, images and contacts, cut demo sections, and remove leftover placeholders and tracking code.
- Change an HTML Page's Colors to Match Your BrandWhere colors live in an HTML page, how to find the rule with Inspect, hex/rgb/hsl basics, readable contrast, and changing one element versus a variable.
Fixing problems
- Fix Garbled Korean Text in HTML Files (EUC-KR to UTF-8)Why Korean in an old HTML file turns into ÇÑ±Û or � symbols, how to tell which encoding the file really uses, and how to convert it to UTF-8 safely.
- Images Not Showing in an HTML File? Check the PathsWhy images, CSS and fonts disappear when an HTML file is moved, emailed or uploaded, how to find the broken path with DevTools, and how to fix it.
- How to Check That Your HTML Page Works on PhonesFind and fix the usual mobile problems in a single HTML page: missing viewport tag, sideways scrolling, oversized images, tiny text and long URLs.
- Why Your Page Looks Different in Another BrowserFine in Chrome, wrong in Safari, Samsung Internet or a client's PC? Check fonts, CSS support, cache, zoom, forced dark mode and in-app browsers.
- Links and Buttons Not Working? Common Causes and FixesRelative vs absolute URLs, #section anchors, target="_blank", tel: and mailto: formats, script-driven buttons, and testing every link before launch.
Putting it online
- How to Put an HTML File Online: 4 Free or Cheap HostsYou have a finished .html file and need a public link. Compare GitHub Pages, Netlify Drop, Cloudflare Pages and FTP hosting, and how to upload the folder.
- Connect Your Own Domain to a Static Site (DNS Guide)Point www.yourcompany.com at a page on GitHub Pages, Netlify or Cloudflare Pages: A vs CNAME, www vs bare domain, TTL, nslookup checks and common mistakes.
- Landing Page Checklist: What to Check Before Going LiveA pre-launch checklist for a one-page site: title and description, links, contact details, images, alt text, favicon, mobile, forms and legal pages.
- Contact Forms on a Static HTML Page: What Actually WorksWhy a form on a plain HTML page sends nothing, and how to make it work with Google Forms, Formspree, Netlify Forms or Tally, plus spam and privacy basics.
- SEO for a One-Page Site: Practical Basics That MatterTitle, description, headings, alt text and speed for a single-page site, plus Google Search Console, Naver Search Advisor and realistic expectations.
Finipix7 guides
Resize and compress images for the web. Make many images smaller at once: resize for body, hero, thumbnail, or share images, convert to WebP, JPEG, or PNG, and compare before and after. It also makes favicon sets from a logo. Images never leave your browser. Open Finipix
Editing pages
Putting it online
- Add a Favicon and Link Preview (Open Graph) to Your PageFavicon and apple-touch-icon tags, the Open Graph tags behind link previews in KakaoTalk and Facebook, and how to refresh a stale preview.
- Make Images Smaller for the Web Without Visible Quality LossWhy web images get heavy, a resize-then-compress routine, how to check the result at 100%, when to keep PNG, and how to do a whole folder at once.
- Make a Favicon Set From Your Logo (ICO, PNG, Apple Touch Icon)The icon sizes browsers and phones really use, how to simplify a logo for 16 pixels, where the files and link tags go, and why an old favicon refuses to change.
- Remove Location and Camera Data From Photos Before PostingWhat EXIF stores in a photo, why your own web page shows it to anyone, how to check a file on Windows and Mac, and how to strip GPS before uploading.
- How to Design a Link Preview Image (1200×630) That Reads WellSize, safe area, text size, contrast and logo placement for the og:image that shows up when your link is shared, and how to crop and compress it.
- Should You Convert Your Images to WebP?Where WebP works today, where it still causes trouble, transparency and animation, when to keep JPEG or PNG, when AVIF pays off, and converting safely.
General2 guides
Fixing problems
Putting it online
How we write these guides
Each guide is written and checked by the Qorlize team. We test the steps ourselves, check browser behavior against standard documentation such as MDN, and check other companies' services against their official documentation. When a service changes, we update the guide and the review date. If you spot a mistake, tell us.