
Set up the editor and development environment by opening the downloaded tool and configuring the workspace on desktop. Use the left panel to create a project folder with a right-click.
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.
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.
Explore how input fields behave with placeholder versus value attributes in a form, showing how placeholder provides default text and value stores submitted data.
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.
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.
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.
Learn responsive web design using HTML5 and CSS.
Start from the very basics of HTML5 by learning what it is, why it's something you should learn and the new elements that have been added to HTML.
Build a Real Website
In this course you will learn how to create a real-life responsive website using PSD to HTML5.
Like us on Facebook and/or Follow us on Twitter. Message us to let us know you liked us, or Tweet us @sr_elearning.