Files

T

koriweb 9609c04755 docs(10_Wiki): W3Schools 위키화 — HTML/CSS/JavaScript(core)

W3Schools 튜토리얼을 P-Reinforce v3.1 포맷으로 위키화(영어 본문, 한/영 섹션 헤더).
- Topic_HTML: 59문서 (튜토리얼+예제, 레퍼런스/메타 제외)
- Topic_CSS: 190문서 (메인 + Advanced/Flexbox/Grid/RWD 전체)
- Topic_JavaScript: 120문서 (코어 언어; Temporal/DOM상세/BOM/WebAPI/AJAX/jQuery/Graphics 등은 후속)
각 폴더 00_INDEX.md(MOC) 포함. 코드 verbatim, 미확인분은 "Not found in source" 표기.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

2026-06-23 19:21:18 +09:00

6.4 KiB

Raw Blame History

id, title, category, status, verification_status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, created_at, updated_at, review_reason, merge_history, tags, raw_sources, applied_in, github_commit

title

HTML Introduction

🎯 한 줄 통찰 (One-line insight)

HTML (HyperText Markup Language) is the standard markup language that describes the structure of a web page through a series of elements that tell the browser how to display content. [S1]

🧠 핵심 개념 (Core concepts)

HTML = HyperText Markup Language — the standard markup language for creating web pages. It describes the structure of a page, not its logic or styling. [S1]
Elements — HTML is a series of elements that label pieces of content (headings, paragraphs, links, …) so the browser knows how to render them. [S1]
The browser's role — a web browser (Chrome, Edge, Firefox, Safari) reads HTML and displays it. The browser does not show the tags themselves; it uses them to decide how to render the document. [S1]
Document skeleton — every HTML5 document opens with <!DOCTYPE html> and nests content inside <html> → <head> (meta info) and <body> (visible content). [S1]
HTML5 — the current standard this tutorial follows. [S1]

🧩 추출된 패턴 (Extracted patterns)

Element pattern — <tagname>content</tagname>: a start tag, content, and an end tag (e.g. <h1>My First Heading</h1>). [S1]
Empty elements — some elements have no content and no end tag (e.g. <br>). [S1]
Nesting / containment — <head> holds metadata (like <title>); <body> holds everything visible; <html> is the single root that wraps both. [S1]
Title surfacing — <title> content appears in the browser's title bar / tab, not in the page body. [S1]

📖 세부 내용 (Details)

What is HTML? HTML stands for Hyper Text Markup Language and is the standard markup language for creating web pages. It describes the structure of a web page using a series of elements, which tell the browser how to display the content. Elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", and so on. [S1]

A simple HTML document

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Each part explained: [S1]

Part	Meaning
`<!DOCTYPE html>`	Declares that this document is an HTML5 document
`<html>`	The root element of an HTML page
`<head>`	Contains meta information about the page
`<title>`	Specifies a title shown in the browser's title bar / tab
`<body>`	The document body — container for all visible content
`<h1>`	Defines a large heading
`<p>`	Defines a paragraph

What is an HTML element? An HTML element is defined by a start tag, some content, and an end tag: <tagname>Content goes here...</tagname>. Examples: <h1>My First Heading</h1>, <p>My first paragraph.</p>. Some elements are empty (like <br>) — they have no content and no end tag. [S1]

Web browsers The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly. A browser does not display the HTML tags but uses them to determine how to render the document. [S1]

HTML page structure A visualization of an HTML page's nesting:

<html>
  <head>
    <title>Page title</title>
  </head>
  <body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
  </body>
</html>

Content inside <body> is displayed by the browser; content inside <title> appears in the title bar / tab. [S1]

HTML history

Year	Milestone
1989	Tim Berners-Lee invented the WWW
1991	Tim Berners-Lee invented HTML
1993	Dave Raggett drafted HTML+
1995	HTML Working Group defined HTML 2.0
1997	W3C Recommendation: HTML 3.2
1999	W3C Recommendation: HTML 4.01
2000	W3C Recommendation: XHTML 1.0
2008	WHATWG HTML5 First Public Draft
2012	WHATWG HTML5 Living Standard
2014	W3C Recommendation: HTML5
2016	W3C Candidate Recommendation: HTML 5.1
2017	W3C Recommendations: HTML5.1 2nd Edition & HTML5.2

This tutorial follows the latest HTML5 standard. [S1]

🛠️ 적용 사례 (Applied in summary)

The "simple HTML document" above is itself the canonical minimal applied example: a complete, valid HTML5 page. No external project/commit applications found in the source.

💻 코드 패턴 (Code patterns)

Minimal valid HTML5 page (HTML / HTML5):

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

Single element pattern:

<h1>My First Heading</h1>

Empty element (no end tag):

<br>

⚖️ 모순 및 업데이트 (Contradictions & updates)

No contradictions found in the source. Note the historical shift of HTML stewardship: HTML5 began as a WHATWG draft (2008) and "Living Standard" (2012) before the W3C Recommendation (2014) — reflecting that modern HTML is maintained as a continuously updated living standard rather than fixed versioned releases. [S1]

✅ 검증 상태 및 신뢰도

상태: draft
검증 단계: conceptual (실제 적용 사례 발견 시 applied/validated로 승격 가능)
출처 신뢰도: B (W3Schools — widely used educational reference, not a primary standards body)
신뢰 점수: 0.90
중복 검사 결과: 신규 생성 (New discovery)

🔗 지식 그래프 (Knowledge Graph)

상위/루트: HTML Tutorial
관련 개념: HTML Elements, HTML Basic, HTML Attributes, HTML vs XHTML
참조 맥락: The entry point referenced whenever building or explaining the structure of any web page.

📚 출처 (Sources)

[S1] W3Schools — HTML Introduction — https://www.w3schools.com/html/html_intro.asp

📝 변경 이력 (Change history)

2026-06-23: Initial draft synthesized from the W3Schools "HTML Introduction" page (Astra wiki-curation, P-Reinforce v3.1 format).

6.4 KiB Raw Blame History