HTML for Beginners

create a basic html5 document with doctype and html, head, and body tags, include a title, and render hello world content in the browser.

Explore self closing tags in HTML and how editor autocomplete can auto-create closing tags. Learn to turn off the feature in preferences and manually type opening and closing tags.

Learn how to validate HTML files using the W3C validation service, understand direct input and file upload validation, and address common warnings and character encoding issues.

Learn to use comments in HTML and other languages to communicate with teammates, explain design choices, and leave notes, including opening and closing comment tags and UTF-8 encoding.

Explore block level elements and how div creates a logical division, then demonstrate paragraph, horizontal rule, ordered and unordered lists, and headings h1–h6, highlighting their rendering on new lines.

Explore span elements and text modifiers in HTML, comparing inline to block level elements, and learn how strong and emphasis tags render as bold and italic text in the browser.

Create an anchor link that sends readers to the top of the page by assigning an id to a top heading and using a hash reference; test with placeholder text.

Learn to build and submit forms with the form element, inputs (text, password, submit), and attributes like action, method, and name, plus labels, fieldset, legend, placeholders, and get method awareness.

Explore how input fields behave with placeholder versus value attributes in a form, showing how placeholder provides default text and value stores submitted data.

Create an HTML form using radio buttons, checkboxes, the select element, and textareas, and submit with the get method to capture user choices.

Explore new HTML5 input types—email, date, range, and number—learn how min and max constrain input, and understand client-side validation limitations.

Use autofocus, required, and checked attributes with radio buttons and checkboxes. Apply pattern and title attributes, connect labels with for and id, and recognize client-side validation isn't sufficient.

Learn how to use the action attribute in a form to submit data to a relative destination file using the get method, producing a query string.

Explore how to replace a standard submit button with an input type=image, including setting src, alt text, and form action and method, and observe how clicks capture x,y coordinates.

Create an international hotel booking form in HTML using fieldsets and inputs for name, email, date, guests, country, and a custom image submit button with validation.

Explore how the HTML5 audio element enables in-browser playback with controls and a source for mp3 files, plus browser fallbacks.

Learn to embed HTML5 video with the video element, specify a source and mime type, add alternate sources for browser compatibility, provide fallback text, and set width, height, and controls.