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

LinuxDevOpsCybersecurityKali LinuxDevOps EngineerCybersecurity EngineerDatabaseData ScienceRed Hat Enterprise LinuxCompTIADockerKubernetesPythonGitShellNmapWiresharkHydraJavaSQLitePostgreSQLMySQLRedisMongoDBGolangC++CJenkinsAnsiblePandasNumPyscikit-learnMatplotlibWeb DevelopmentCSSJavaScriptReact
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 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 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 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
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 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 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
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 Hyperlinks and Navigation with HTML a Tags

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
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
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
Apply Descendant Selectors in CSS

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.
CSSJavaScriptHTML
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
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 HTML Lists with Different Styles

Create HTML Lists with Different Styles

Learn to create and style different types of HTML lists, including ordered, unordered, and description lists with various formatting options.
HTML
Create CSS3 Transitions with Timing Functions

Create CSS3 Transitions with Timing Functions

Learn how to create smooth and dynamic CSS3 transitions using timing functions, exploring hover effects, transition properties, and advanced animation techniques.
CSSHTMLJavaScript
  • Prev
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 10
  • Next