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 Keyboard Photo Viewing
Build a native photo dialog that shows the right image, supports keyboard navigation and recovers from an image loading error.
JavaScriptHTML
Build a Real Photo Gallery Grid
Build a responsive photo exhibition with real local images, stable photo identities and visible keyboard focus.
HTMLJavaScriptCSS
Create Inline Text Styling with span Tags in HTML
Learn how to use span tags for inline text styling in HTML, customize text color, and apply inline styles to enhance web page typography.
HTMLCSS
Create Basic HTML Structure and Tags
Learn how to create a basic HTML document structure, understand essential HTML tags, and build a foundational web page with proper semantic markup.
HTML
Create and Style div Elements in HTML
Learn how to create, style, and manipulate div elements in HTML, exploring their block-level characteristics, background colors, and positioning techniques.
HTMLCSS
Create Hyperlinks and Navigation with HTML a Tags
Learn to create effective HTML hyperlinks for website navigation, including page links, contact information, bookmarks, and link behaviors.
HTML
Apply Relative Positioning in CSS
Learn how to use CSS relative positioning to control the layout of images and elements, creating flexible and dynamic web page designs with precise element placement.
CSSHTML
Apply Background Styles in CSS
Learn how to enhance web page design by applying various CSS background styles, including colors, images, positioning, and repetition techniques.
CSSHTML
Create HTML Form Elements with Input Types
Learn to create interactive HTML forms with various input types, including text, radio buttons, checkboxes, file uploads, and submit buttons.
HTML
Apply Margin Styles in CSS
Learn how to use CSS margin properties to control spacing around HTML elements, understand different margin syntaxes, and apply various margin styles to enhance web page layout.
CSSHTML
Creating a Task Timer Web App
In this step-by-step project, you'll learn how to create a Task Timer web application using HTML, CSS, and JavaScript. This web app will allow users to add tasks, start and stop timers for each task, and delete tasks. By the end of this project, you'll have a fully functional Task Timer web app with a modern and user-friendly interface.
JavaScriptHTMLCSS
Apply Basic CSS Selectors in Web Development
Learn fundamental CSS selector techniques to style web elements efficiently, including tag, class, and ID selectors with practical examples and best practices.
CSSHTML
Build a Tic-Tac-Toe Web App
In this project, you will learn how to create a Tic-Tac-Toe game using HTML, CSS, and JavaScript. Tic-Tac-Toe is a two-player game where players take turns marking X or O in a 3x3 grid. The objective is to get three marks in a row, either horizontally, vertically, or diagonally. You will create the necessary HTML, CSS, and JavaScript files and implement the game logic step by step.
JavaScriptCSSHTML
Create HTML Tables with Basic Attributes
Learn how to create structured HTML tables with basic tags, headers, cell merging, and styling techniques for effective web page layout and data presentation.
HTMLCSS
Apply Descendant Selectors in CSS
Learn how to use descendant selectors in CSS to style nested HTML elements, improving web page design and understanding selector targeting mechanisms.
CSSHTML
Creating a Whack-a-Mole Web Game
In this project, you will learn how to create a Whack-a-Mole game using HTML, CSS, and JavaScript. The game involves whacking moles that randomly appear from holes within a specified time limit. You will create the necessary HTML, CSS, and JavaScript files and implement the game logic step by step.
JavaScriptHTMLCSS
- Prev
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 15
- Next