Files

T

Antigravity Agent 9a135bd19d docs(10_Wiki): Topic_Business/General/Graphic/Programming을 Topics/ 하위로 이동

최상위 10_Wiki/Topic_*였던 4개 카테고리 폴더를 10_Wiki/Topics/Topic_* 로 재배치.
콘텐츠 변경 없음(순수 폴더 이동) — Topics/ 하위 나머지 폴더는 이미 지난 커밋에서
전부 정리된 상태(잔존 항목은 에이전트 운영 상태 및 사용자가 보존을 요청한
업데이트0615/무제 3.canvas 뿐).

2026-07-05 00:44:01 +09:00

13 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

W3Schools HOW TO

🎯 한 줄 통찰 (One-line insight)

Map of Content (MOC) for the W3Schools "HOW TO" cookbook — unlike every prior category in this series (which taught a PROGRAMMING LANGUAGE chapter by chapter), this category is a flat collection of ~326 independent UI/code RECIPES (a button style, a layout trick, a JS widget), each self-contained and not building on the previous page — so this index groups them by PATTERN FAMILY (Layout, Buttons, Navigation, Forms, Images/Effects, Cards/Components, Misc Widgets, HTML tricks, Google integrations, Website guides, JS DOM, JS UI Components, JS Effects/Scroll, JS Utility/Logic) rather than by pedagogical sequence, since there is no natural "next chapter" ordering to preserve. [S1]

🧠 핵심 개념 (Core concepts)

This folder (Topic_HOWTO) wikifies the W3Schools HOW TO cookbook, one knowledge page per recipe, in P-Reinforce v3.1 format — same convention as every other Topic_* folder in this series. [S1]
Scope decision (user-confirmed 2026-07-04): full P-Reinforce docs for ALL ~326 recipe pages, at the same depth as language-tutorial chapters, despite recipes being far more repetitive/lower-insight-density than concept lessons. [S1]
Excluded: howto_blog_* (3 pages — career-advice blog posts, not code recipes: become_frontenddev, developer_job, hire_developers). Everything else from the sidebar is included (CSS/JS/HTML recipes, Google integrations, "website guide" pages, and utility/logic snippets). [S1]
File prefix: HOWTO_ for all files, folder Topic_HOWTO. Source slugs use howto_ prefix, .asp extension (verified). [S1]
Progress: 46 of 326 planned docs complete (CSS Layout & Positioning, CSS Buttons sections done). Next: CSS Navigation & Menus section.
Every page roots its Knowledge Graph back to this [[W3Schools HOW TO]] node.

📖 세부 내용 (Details)

CSS Layout & Positioning (26)

HOWTO CSS About Page ✅
HOWTO CSS Aspect Ratio ✅
HOWTO CSS Browser Window ✅ (partial — code not extractable)
HOWTO CSS Center List ✅
HOWTO CSS Center Vertical ✅
HOWTO CSS Center Button ✅
HOWTO CSS Center Website ✅
HOWTO CSS Clearfix ✅
HOWTO CSS Div Full Height ✅
HOWTO CSS Equal Height ✅
HOWTO CSS Fixed Footer ✅
HOWTO CSS Fixed Menu ✅
HOWTO CSS Fixed Sidebar ✅
HOWTO CSS Four Columns ✅
HOWTO CSS Full Page ✅
HOWTO CSS Mixed Columns ✅
HOWTO CSS Responsive Floats ✅
HOWTO CSS Split Screen ✅
HOWTO CSS Sticky Element ✅
HOWTO CSS Three Columns ✅
HOWTO CSS Two Columns ✅
HOWTO CSS Vertical Line ✅
HOWTO CSS Zig Zag Layout ✅
HOWTO CSS Table Center ✅
HOWTO CSS Table Full Width ✅
HOWTO CSS Images Side By Side ✅

CSS Buttons (20)

HOWTO CSS Alert Buttons ✅
HOWTO CSS Animate Buttons ✅ (partial — code not extractable)
HOWTO CSS Block Buttons ✅
HOWTO CSS Button Group ✅
HOWTO CSS Button Group Vertical ✅
HOWTO CSS Button On Image ✅
HOWTO CSS Button Split ✅
HOWTO CSS Download Button ✅
HOWTO CSS Fading Buttons ✅ (partial — code not extractable)
HOWTO CSS Icon Buttons ✅
HOWTO CSS Loading Buttons ✅
HOWTO CSS More Button ✅
HOWTO CSS Notification Button ✅
HOWTO CSS Outline Buttons ✅
HOWTO CSS Pill Button ✅
HOWTO CSS Round Buttons ✅
HOWTO CSS Search Button ✅
HOWTO CSS Sidenav Buttons ✅
HOWTO CSS Social Media Buttons ✅
HOWTO CSS Text Buttons ✅

CSS Forms & Inputs (18)

CSS Images & Visual Effects (33)

CSS Cards & UI Components (21)

CSS Misc Widgets & Layout Tricks (34)

HTML Tricks (10)

Google Integrations (6)

Website Guides (12)

JS DOM Manipulation (8)

JS UI Components (48)

JS Effects & Scroll (15)

JS Utility & Logic Snippets (25)

🛠️ 적용 사례 (Applied in summary)

0 knowledge documents generated so far in this batch run.

✅ 검증 상태 및 신뢰도

상태: draft
검증 단계: conceptual
출처 신뢰도: B (W3Schools — widely used educational reference)
신뢰 점수: 0.88
중복 검사 결과: 신규 생성 (New discovery)

🔗 지식 그래프 (Knowledge Graph)

상위/루트: 10_Wiki
관련 개념: HTML Tutorial, CSS Tutorial, JavaScript Tutorial
참조 맥락: C#에 이어 W3Schools 지식화 시리즈의 다음 카테고리 — 언어 튜토리얼이 아닌 UI/코드 레시피 모음집.

📚 출처 (Sources)

[S1] W3Schools — HOW TO — https://www.w3schools.com/howto/default.asp

📝 변경 이력 (Change history)

2026-07-04: Created HOW TO MOC with scope decisions and full planned page list, organized by pattern family rather than chapter sequence (Astra wiki-curation, P-Reinforce v3.1 format).

13 KiB Raw Blame History