Category: HTML

A highlighted link on a browser page connects to another page, a page section, and an email envelope

HTML Tutorial / Links: Paths, Page Fragments, and Email

Create absolute and relative links, page fragments, email links, and downloads. A three-file exercise lets you verify how paths resolve from each starting page.

Three abstract list arrangements in a browser-like workspace

HTML Tutorial / Lists: ul, ol, dl, and Nested Lists

Choose the right HTML list for ordered items, unordered items, and name–description pairs. Try a complete example, custom numbering, and correctly nested lists.

강조, 인용, 약어와 코드 표현을 추상적인 웹페이지로 나타낸 그림

HTML Tutorial / Text Semantics: Emphasis, Quotations, Abbreviations, and Code

Learn when to use HTML em, strong, q, blockquote, abbr, code, and kbd. Examples show how each element conveys meaning rather than just changing the appearance of text.

제목 단계와 문단을 크기가 다른 색상 막대와 줄 묶음으로 표현한 웹페이지 그림

HTML Tutorial / Headings and Paragraphs

Learn when to use h1–h6 headings, p paragraphs, and br line breaks in HTML. Examples show document hierarchy, browser output, and common mistakes.

문서 정보와 페이지 콘텐츠가 분리된 웹 문서 구조를 추상화한 일러스트

HTML Tutorial / Basic Structure of an HTML Document

Learn the roles of doctype, html, head, and body, then save your first HTML file and open it in a browser. Includes a complete example, a diagram, and fixes for common filename, refresh, and encoding problems.

HTML 개념과 웹페이지 구조를 표현한 대표 이미지

HTML Tutorial / What Is HTML and What Does It Do on a Web Page?

HTML gives web content structure and meaning. Learn how it differs from CSS and JavaScript, see how basic markup appears in a browser, and make your first HTML file.

featured image HTML5

HTML Tutorial / Syntax

Learn the essential rules of HTML syntax, including elements, tags, attributes, void elements, comments, nesting, and the structure of a complete HTML document.