HTML Tutorials
Our HTML tutorials offer a comprehensive curriculum for mastering web markup. They cover HTML5 elements, semantics, and best practices, suitable for both beginner and intermediate web developers. With free labs and practical examples, you'll gain hands - on experience in creating well - structured web pages. Our interactive HTML playground lets you experiment with different tags and see instant results.
Other Skill Trees
LinuxDevOpsCybersecurityAWSCybersecurity EngineerDevSecOpsNetworkingCompTIAKali LinuxWiresharkNmapHydraRed Hat Enterprise LinuxRHCSA TrainingRHCE in Enterprise Linux TrainingLFCS TrainingShellDevOps EngineerGitDockerKubernetesCKA TrainingCKAD TrainingCKS TrainingAnsibleRHCE in Ansible TrainingJenkinsCloudflareDatabaseMySQLPostgreSQLRedisMongoDBSQLiteData ScienceBig DataPythonGolangRustJavaCC++Web Development
Show What the Server Actually Accepted
Build a truthful asynchronous signup request with pending state, server validation, full-session feedback and safe retry.
JavaScriptHTML
Make the Form Usable on a Small Screen
Build visible labels, native and conditional constraints, responsive form styling and keyboard focus around a real local signup.
HTMLJavaScriptCSS
Build a Real Photo Gallery Grid
Build a responsive photo exhibition with real local images, stable photo identities and visible keyboard focus.
HTMLJavaScriptCSS
Build Keyboard Photo Viewing
Build a native photo dialog that shows the right image, supports keyboard navigation and recovers from an image loading error.
JavaScriptHTML
HTML Text Formatting
In this lab, you will learn the basics of HTML text formatting, including how to use headings, paragraphs, bold, italic, and line break tags to structure and style your web content.
HTML
CSS Introduction and Linking
In this lab, you will learn the basics of CSS, including how to create an external stylesheet and link it to an HTML document to change the font of the page.
CSSHTML
HTML Lists
In this lab, you will learn how to create and structure content using unordered, ordered, and nested lists in HTML. This is a fundamental skill for organizing information on web pages.
HTML
JavaScript Event Handling
In this lab, you will learn the fundamentals of JavaScript event handling, from using the onclick attribute to advanced techniques like addEventListener and event object properties.
JavaScriptHTML
CSS Colors and Backgrounds
In this lab, you will learn how to style web page elements by applying various CSS color and background properties, including setting colors, adding images, and controlling their position and repetition.
CSSHTML
HTML Document Structure
In this lab, you will learn the fundamental structure of an HTML document by creating a basic web page from scratch. You'll understand the roles of DOCTYPE, html, head, and body tags.
HTML
CSS Styling Tables
In this lab, you will learn how to style HTML tables using various CSS properties to improve their readability and visual appeal.
HTMLCSS
CSS Styling Lists
In this lab, you will learn how to style HTML lists using various CSS properties to create a horizontal navigation bar.
HTMLCSS
HTML Personal Webpage
In this lab, you will build a complete personal webpage from scratch using fundamental HTML tags. You'll learn to structure documents, format text, create lists, add links and images, and build tables and forms.
HTML
HTML Images
In this lab, you will learn how to embed images into your HTML documents using the `<img>` tag and its essential attributes like `src`, `alt`, `width`, and `height`.
HTML
JavaScript Introduction and Embedding
In this lab, you will learn the basics of JavaScript, including how to embed it directly into an HTML file and how to link an external JavaScript file.
JavaScriptHTML
HTML Tables
In this lab, you will learn how to create and structure data using HTML tables. You will build a simple table from scratch, understanding the roles of `<table>`, `<tr>`, `<th>`, and `<td>` tags.
HTML
HTML Forms
In this lab, you will learn how to create and structure web forms using various HTML elements like form, input, label, and textarea.
HTML
JavaScript DOM Manipulation
In this lab, you will learn the fundamentals of JavaScript DOM manipulation, including selecting elements, changing content, setting attributes, and creating/appending new elements.
JavaScriptHTMLCSS
- Prev
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 15
- Next