LabEx
Log InJoin Free

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 Links

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
HTML Lists

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 Images

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 Personal Webpage

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 Document Structure

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
HTML Text Formatting

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
HTML Forms

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 Tables

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
Create Fixed Positioning Layout in CSS

Create Fixed Positioning Layout in CSS

Learn how to implement fixed positioning in CSS to create static elements that remain in place while scrolling, with practical examples of side advertisements and navigation layouts.
CSSHTMLJavaScript
Apply Background Styles in CSS

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.
CSSHTMLJavaScript
Create and Style div Elements in 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.
JavaScriptCSSHTML
Apply Basic CSS Selectors in Web Development

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.
CSSJavaScriptHTML
Build a Web Based TCP Port Scanner

Build a Web Based TCP Port Scanner

In the previous project, we developed a Python port scanner that leveraged threading and sockets to scan TCP ports. While effective, there's room for improvement using third-party packages.
HTML
Create CSS3 Animations with Keyframes

Create CSS3 Animations with Keyframes

Learn to create dynamic web animations using CSS3 keyframes, exploring syntax, properties, and advanced techniques to bring web elements to life with smooth, interactive motion effects.
CSSHTMLJavaScript
Create AJAX Requests with XMLHttpRequest

Create AJAX Requests with XMLHttpRequest

Learn to implement AJAX requests using XMLHttpRequest, understand asynchronous communication, and handle server responses effectively in web development.
HTMLJavaScriptCSS
Create Box Shadows with CSS

Create Box Shadows with CSS

Learn how to create stunning visual depth and dimension in web design by mastering CSS box shadow techniques, from basic shadows to complex multi-layered effects.
JavaScriptCSSHTML
Apply Margin Styles in CSS

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.
CSSHTMLJavaScript
Build URL Shortener with Flask MySQL

Build URL Shortener with Flask MySQL

This project guides you through creating a simple URL shortener service using Flask and MySQL. You'll learn to set up a database, design a web interface, and implement functionality to shorten URLs, search for URLs by tags, and view analytics. The project is beginner-friendly and offers a comprehensive insight into web development with Python and database management.
HTML
  • Prev
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 10
  • Next