Recent Posts
HTML Tutorial / Divide a Page with Semantic Elements
Learn when to use header, nav, main, article, section, aside, and footer, then build a complete page whose regions and in-page links work together.
HTML Tutorial / When to Use div and span
Understand the structural difference between div and span, style only the content you need, and choose semantic elements when they better describe the content.
HTML Tutorial / Responsive Images: srcset, sizes, and picture
Compare srcset and sizes for resolution switching with picture for art direction. Use real files to check mobile display width, media conditions, and the image selected by the browser.
HTML Tutorial / Images: img, Alt Text, and Dimensions
Add an image with HTML img, write useful alternative text, and set width and height correctly. A downloadable example helps you test file paths and sizing.
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.
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 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.