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
LinuxDevOpsCybersecurityDevOps EngineerCybersecurity EngineerDevSecOpsKali LinuxRed Hat Enterprise LinuxRHCSA TrainingRHCE in Enterprise Linux TrainingLFCS TrainingShellGitDockerKubernetesCKA TrainingCKAD TrainingCKS TrainingAnsibleRHCE in Ansible TrainingJenkinsNmapWiresharkHydraCompTIADatabaseMySQLPostgreSQLRedisMongoDBSQLitePythonGolangJavaCC++Web DevelopmentData Science
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 Lists
In this lab, you will learn how to style HTML lists using various CSS properties to create a horizontal navigation bar.
HTMLCSS
Call an API in JavaScript
In this lab, you will learn to interact with web APIs using modern JavaScript. You'll use the `fetch` API to make GET and POST requests, handle responses, parse JSON data, display it in HTML, implement error handling, and authenticate requests with an API key for dynamic web applications.
JavaScriptLinuxHTML
CSS Modern Utilities with Tailwind
In this lab, you will learn the basics of Tailwind CSS, a utility-first CSS framework, by styling a simple HTML element. You'll add the CDN, and apply classes for background color, text color, padding, and layout.
CSSHTML
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 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
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
HTML Links
In this lab, you will learn how to create different types of links in HTML, including external links, internal links, and how to add tooltips.
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
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 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
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
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 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
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
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
Develop Markdown Editor with Live Preview
In this project, we will create a simple web-based Markdown editor that offers live HTML preview as you type. Using libraries like Ace Editor, marked, and highlight.js, you'll develop an intuitive editor that not only allows writing in Markdown but also saves data across browser sessions and highlights code snippets in the preview.
JavaScriptHTMLCSS
- Prev
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 15
- Next