Core HTML How to get online quickly HTML to HTML5

Learn the fundamentals of HTML, explore tags and elements, attributes, and styling, and work with downloadable source files, forms, and HTML5 canvas examples.

Learn the basics of building a simple html page that renders in a browser, using the html, head, and body structure, with an index page served by a local server.

Understand how HTML uses opening and closing tags to create paragraphs with the p tag, and how br creates line breaks; learn how the browser interprets HTML structure.

Learn how the doctype declaration guides browsers to render HTML correctly, and why the HTML5 doctype ensures compatibility with old and new tags.

Explore the head section of an HTML5 document, including the title and metadata, and apply best practices by defining character set, keywords, description, and viewport, plus linking an external stylesheet.

Learn how the style attribute applies CSS properties to an element, including background color and font, and how styling the body affects all nested content.

Learn how HTML text formatting elements like strong, b, i, em, sub, and sup control emphasis, bolding, italics, subscript, and superscript. See that bold within bold has no extra effect.

Learn how to use HTML comments to document markup for developers and yourself, without rendering in the browser, and understand conditional statements for older Internet Explorer.

Learn how to attach CSS to HTML using inline, internal, and external styles, understand cascading rules, and distinguish classes from IDs while improving readability and enabling site-wide styling.

Explore how hyperlinks in HTML connect internal and external pages using the a tag, href, and target, and learn about anchors, IDs, and simple styling.

Learn how to use the HTML image tag with a src attribute to display images, set width and height, style via CSS, and provide accessible alt text for screen readers.

Learn about unordered and ordered lists in HTML, including decimal, alphabetic (A, B, C, uppercase/lowercase), and roman numeral types, plus list styling and navigation menu examples.

Learn to build HTML tables with table, tr, th, and td to create rows and columns, using rowspan and colspan to merge cells, apply borders and colors, and control width.

Explore block and inline elements, focusing on div and span as containers, and learn styling with class, id, css, and javascript to enhance hyperlinks, images, lists, and layout.

Create a basic website template by structuring HTML with header, navigation, content, and footer using divs; link pages with a horizontal navigation list and apply styling to headings.

Discover how iframes load content with the source attribute, embedding external or internal pages, and how width, height, scrolling, and borders affect the embedded content.

Create and configure HTML forms with a form tag, nickname input, and a submit button; explore action and method (get or post) for data transmission and PHP server-side processing.

Learn HTML form element attributes for inputs, radios, checkboxes, and text areas. Use proper naming and attributes like placeholder, disabled, rows, and cols to control data submission.

Explore HTML5 form types and their mobile-friendly inputs, including date, color, email, range, tel, and URL, with built-in validation and useful attributes like min, max, placeholder, and value.

Explore extended html form elements, including text, email, password, text area, buttons (submit, reset, image), file input, radios, checkboxes, and select with multiple options; learn attributes and JavaScript integration.

Learn how tabindex controls focus order in HTML forms, and enable HTML5 auto complete; explore form data encoding, including multipart/form-data for file uploads and URL-encoded encryption.