--- id: html-editors title: "HTML Editors" category: "Frontend" status: "draft" verification_status: "conceptual" canonical_id: "" aliases: ["HTML editor", "text editor for HTML", "Notepad HTML", "TextEdit HTML", "code editor", "HTML IDE"] duplicate_of: "" source_trust_level: "B" confidence_score: 0.88 created_at: 2026-06-23 updated_at: 2026-06-23 review_reason: "" merge_history: [] tags: ["html", "web", "frontend", "w3schools", "tooling", "editor"] raw_sources: ["https://www.w3schools.com/html/html_editors.asp"] applied_in: [] github_commit: "" --- # [[HTML Editors]] ## 🎯 ν•œ 쀄 톡찰 (One-line insight) HTML can be written and edited in any plain text editor β€” a simple editor like Notepad (Windows) or TextEdit (Mac) is a good way to learn HTML before moving on to professional editors. [S1] ## 🧠 핡심 κ°œλ… (Core concepts) - **Plain text editors suffice** β€” web pages can be created and modified using professional editors, but a simple text editor is recommended for learning HTML. [S1] - **Windows tool** β€” Notepad is the built-in editor on Windows. [S1] - **Mac tool** β€” TextEdit is the built-in editor on Mac, but it must be switched to Plain Text format first. [S1] - **Three-step workflow** β€” write the HTML, save it as an `.htm`/`.html` file with UTF-8 encoding, then open it in a browser. [S1] - **`.htm` and `.html` are interchangeable** β€” either file extension works. [S1] ## 🧩 μΆ”μΆœλœ νŒ¨ν„΄ (Extracted patterns) - **Write β†’ Save β†’ View** β€” the canonical learning loop: type HTML in the editor, save with the correct extension and encoding, double-click (or right-click β†’ Open with) to view in a browser. [S1] - **UTF-8 saving** β€” choose UTF-8 encoding when saving so characters render correctly. [S1] - **No special software required** β€” the workflow relies only on an OS-bundled editor and a web browser. [S1] ## πŸ“– μ„ΈλΆ€ λ‚΄μš© (Details) **Learn HTML using a text editor** Web pages can be created and modified by using professional HTML editors. However, for learning HTML, a simple text editor like Notepad (PC) or TextEdit (Mac) is recommended. W3Schools believes using a simple text editor is a good way to learn HTML. [S1] **Open Notepad (Windows)** On Windows 8 or later, open the Start Screen (the window symbol at the bottom-left of the screen), type "Notepad", and open it. On Windows 7 and earlier, open Start > Programs > Accessories > Notepad. [S1] **Open TextEdit (Mac)** Open Finder > Applications > TextEdit. Then change some preferences to get the application to save files correctly: in Preferences > Format, choose "Plain Text". [S1] **Step 1 β€” Write some HTML** Write or copy the following HTML into the editor: [S1] ```html

My First Heading

My first paragraph.

``` **Step 2 β€” Save the HTML page** Save the file on your computer. Select File > Save as in the editor menu. Name the file "index.htm" and set the encoding to UTF-8 (the preferred encoding for HTML files). [S1] > **Note:** You can use either `.htm` or `.html` as the file extension. There is no difference; it is up to you. [S1] **Step 3 β€” View the HTML page in your browser** Open the saved HTML file in your browser (double-click on the file, or right-click and choose "Open with"). The result will look much like the rendered heading and paragraph. [S1] **Other tools mentioned** W3Schools also provides an online "Try it Yourself" editor (with color coding and the ability to share code) and W3Schools Spaces, a tool for building and saving code online. A video tutorial is also available. [S1] ## πŸ› οΈ 적용 사둀 (Applied in summary) The "My First Heading / My first paragraph" snippet above is the canonical first file a learner saves as `index.htm` and opens in a browser. No external project/commit applications found in the source. ## πŸ’» μ½”λ“œ νŒ¨ν„΄ (Code patterns) Minimal first HTML file to save and open in a browser (HTML): ```html

My First Heading

My first paragraph.

``` ## βš–οΈ λͺ¨μˆœ 및 μ—…λ°μ΄νŠΈ (Contradictions & updates) No contradictions found in the source. ## βœ… 검증 μƒνƒœ 및 신뒰도 - **μƒνƒœ:** draft - **검증 단계:** conceptual (μ‹€μ œ 적용 사둀 발견 μ‹œ applied/validated둜 승격 κ°€λŠ₯) - **좜처 신뒰도:** B (W3Schools β€” widely used educational reference, not a primary standards body) - **μ‹ λ’° 점수:** 0.88 - **쀑볡 검사 κ²°κ³Ό:** μ‹ κ·œ 생성 (New discovery) ## πŸ”— 지식 κ·Έλž˜ν”„ (Knowledge Graph) - **μƒμœ„/루트:** [[HTML Tutorial]] - **κ΄€λ ¨ κ°œλ…:** [[HTML Introduction]], [[HTML Basic]], [[HTML Elements]] - **μ°Έμ‘° λ§₯락:** Referenced when setting up a workspace to author the first HTML document by hand. ## πŸ“š 좜처 (Sources) - [S1] W3Schools β€” HTML Editors β€” https://www.w3schools.com/html/html_editors.asp ## πŸ“ λ³€κ²½ 이λ ₯ (Change history) - 2026-06-23: Initial draft synthesized from the W3Schools "HTML Editors" page (Astra wiki-curation, P-Reinforce v3.1 format).