Intro to HTML. Bases that everyone should know

Learn that HTML stands for hypertext markup language, a markup standard for structuring web pages with elements and tags, and practice by writing hello world in a code editor and browser.

Learn what an HTML element is and how to use it, including opening and closing tags, content, and single-tag versus paired elements as the browser renders them.

Explore how attributes live inside an HTML element and add extra functionality. See examples like width and height for images and a title on an h1 tag.

learn to use heading tags from h1 to h6 to structure content, prioritize accessibility for search engine bots, and practice syncing and editing headings across a page.

Create and format paragraphs with the p tag. Observe newline behavior between blocks and explore lorem ipsum as dummy text in sublime text.

Discover common HTML formatting tags, including bold and strong, italic and emphasis, mark, small, del, ins, subscript, and superscript, plus the p tag and break tag.

Learn how comments in code help readers understand logic without reading the code, not visible in browser, and use single and multi-line comments with lesson eight.html example.

Explore semantic HTML quotation tags: q for quotes, blockquote with cite, abbreviation with title, and address for contact information, illustrated with examples and hover tips.

Learn to add images to web pages with the image tag, using a source attribute and alt attribute, and source images from external URLs or internal folders.

Learn to create unordered, ordered, and description lists in HTML, add list items, and adjust order with type attributes for uses like menus and timetables.

Explore block and inline elements in HTML. See how block elements start on a new line and take full width, while inline elements occupy only the width they need.

Learn to embed other websites and YouTube videos with iframe tag using the src attribute, width, height, and options like frameborder and allowfullscreen, while avoiding overuse for performance and security.

Learn how to group HTML elements using class and id attributes, apply shared styles via CSS and JavaScript, and keep IDs unique for element-specific selection, with practical examples.

Explore the html head to define document information, and connect css and javascript with title, link, meta, script, and style elements and their attributes.

Explore semantic HTML5 elements such as article, section, header, footer, nav, and aside, learning how these container tags convey meaning for search engines and structure without built-in behavior.

Learn how to embed video and audio in HTML5 using the video and audio tags, with source elements offering multiple resources and controls, autoplay, and fallback text.

Discover how to build HTML forms using input, textarea, button, select, options, and labels, and connect them with for and id attributes.

Explore HTML input types and attributes, including text, email, date, password, checkboxes, and radio inputs, and learn to configure form method, action, required fields, placeholders, and autocomplete.

Learn how div and span act as containers in HTML, wrapping content for structure and styling, and note their block and inline behavior with br and hr tags.

Learn the anchor tag for linking documents, with href destinations for external and internal pages, including how to open links in a new tab with target.

Explore SVG and canvas in HTML5, learning that SVG provides scalable vector graphics while canvas draws graphics with JavaScript, serving as a container for on-the-fly visuals.

Master HTML structure by using doctype, html, head, and body; explore metadata, the title tag, and the parent-child relationships that drive CSS selectors and the visual part of the page.