For beginners who prefer a "What You See Is What You Get" interface rather than hand-coding everything:
An open-source project that allows you to design web pages visually, similar to using a word processor.
If you prefer apps designed specifically for the macOS interface, these lightweight tools are excellent: html editor for mac free download
A modern WYSIWYG editor powered by the Firefox rendering engine. You can download the free version to explore its basic visual design tools. Built-in Mac Tools
Originally a paid app, TextMate is now open-source and free. it is known for "bundles" that automate repetitive coding tasks. WYSIWYG Editors (Visual Editors) For beginners who prefer a "What You See
A legendary Mac tool. While it has a paid version, it offers a "revised feature set" that is free to use forever without nagging screens.
A specialized editor for front-end developers, Brackets offers a unique "Live Preview" that pushes code changes directly to your browser as you type. Mac-Specific & Lightweight Options Built-in Mac Tools Originally a paid app, TextMate
While it is a paid product, you can download the evaluation version for free with no enforced time limit. It is prized for its extreme speed and "Goto Anything" search functionality.