--- id: html-basic title: "HTML Basic" category: "Frontend" status: "draft" verification_status: "conceptual" canonical_id: "" aliases: ["HTML basics", "basic HTML examples", "HTML fundamentals", "HTML starter", "HTML basic tags"] duplicate_of: "" source_trust_level: "B" confidence_score: 0.89 created_at: 2026-06-23 updated_at: 2026-06-23 review_reason: "" merge_history: [] tags: ["html", "web", "frontend", "w3schools", "basics", "tags"] raw_sources: ["https://www.w3schools.com/html/html_basic.asp"] applied_in: [] github_commit: "" --- # [[HTML Basic]] ## 🎯 ν•œ 쀄 톡찰 (One-line insight) A handful of basic HTML examples β€” document structure, headings, paragraphs, links, and images β€” are enough to build a first web page; don't worry if the tags aren't fully understood yet. [S1] ## 🧠 핡심 κ°œλ… (Core concepts) - **Every HTML document declares its type** β€” must start with ``. [S1] - **The HTML document itself** β€” begins with `` and ends with ``. [S1] - **Visible content lives in the body** β€” the visible part of the document is between `` and ``. [S1] - **Headings** β€” defined with `

` through `

`, where `

` is the most important and `

` the least. [S1] - **Paragraphs** β€” defined with the `

` tag. [S1] - **Links** β€” defined with ``; the destination is specified in the `href` attribute. [S1] - **Images** β€” defined with ``, using `src` (path), `alt` (alternate text), `width`, and `height` attributes. [S1] ## 🧩 μΆ”μΆœλœ νŒ¨ν„΄ (Extracted patterns) - **Doctype + html + body skeleton** β€” the minimal scaffold every page reuses. [S1] - **Heading hierarchy** β€” `

`…`
` express importance, not just size. [S1] - **Attribute-carrying elements** β€” links carry `href`; images carry `src`/`alt`/`width`/`height`. [S1] - **Inspect the source** β€” view a page's HTML with Ctrl+U or right-click β†’ View Page Source / Inspect. [S1] ## πŸ“– μ„ΈλΆ€ λ‚΄μš© (Details) **HTML Documents** All HTML documents must start with a document type declaration: ``. The HTML document itself begins with `` and ends with ``. The visible part of the HTML document is between `` and ``. [S1] ```html

My First Heading

My first paragraph.

``` **HTML Headings** HTML headings are defined with the `

` to `

` tags. `

` defines the most important heading; `

` defines the least important heading. [S1] ```html

This is heading 1

This is heading 2

This is heading 3

``` **HTML Paragraphs** HTML paragraphs are defined with the `

` tag. [S1] ```html

This is a paragraph.

This is another paragraph.

``` **HTML Links** HTML links are defined with the `` tag. The link's destination is specified in the `href` attribute. [S1] ```html This is a link ``` **HTML Images** HTML images are defined with the `` tag. The source file (`src`), alternative text (`alt`), `width`, and `height` are provided as attributes. [S1] ```html W3Schools.com ``` **How to View HTML Source** You can view the HTML source of a page. By pressing Ctrl + U in a browser, or right-clicking on the page and selecting "View Page Source," you can see the HTML. You can also right-click an element and choose "Inspect" to see what elements are made up of. [S1] ## πŸ› οΈ 적용 사둀 (Applied in summary) The document skeleton and the heading/paragraph/link/image snippets above are the basic building blocks reused on virtually every page. No external project/commit applications found in the source. ## πŸ’» μ½”λ“œ νŒ¨ν„΄ (Code patterns) Basic HTML document (HTML): ```html

My First Heading

My first paragraph.

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