LabEx
Log InJoin For 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

LinuxDevOpsCybersecurityDatabasePythonDockerKubernetesGitShellNmapWiresharkHydraJavaSQLiteRed Hat Enterprise LinuxPostgreSQLMySQLRedisMongoDBGolangC++CAnsibleData ScienceMachine LearningPandasNumPyscikit-learnMatplotlibWeb DevelopmentCSSJavaScriptReactKali Linux
Learn HTML Comments and Special Symbols

Learn HTML Comments and Special Symbols

Explore HTML comments and special symbols, learn how to add comments, use character entities, and enhance web page documentation and readability.
HTML
Understand HTML Heading Tags

Understand HTML Heading Tags

Learn how to use HTML heading tags from H1 to H6, explore their sizes, rendering, and best practices for creating structured web page content.
HTML
Embed and Customize Video in HTML

Embed and Customize Video in HTML

Learn how to embed and customize video elements in HTML, exploring various attributes, controls, and techniques to enhance video playback experience.
HTMLJavaScriptCSS
Create Your First HTML Page with Image

Create Your First HTML Page with Image

Learn how to create a basic HTML page and add images using simple HTML tags, perfect for beginners starting their web development journey.
HTML
Create Your First HTML Page in WebIDE

Create Your First HTML Page in WebIDE

Learn how to set up WebIDE (VS Code-like), create an HTML file, generate a boilerplate template, add content, and preview your first web page in just a few simple steps.
HTML
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 Paragraphs with HTML p Tag

Create Paragraphs with HTML p Tag

Learn how to create and structure paragraphs in HTML using the p tag, explore alignment attributes, and build multi-paragraph documents for web development.
HTML
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 HTML Form Elements with Input Types

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.
CSSHTMLJavaScript
Create Basic HTML Structure and Tags

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
Your First HTML Lab

Your First HTML Lab

Hi there, welcome to LabEx! In this first lab, you'll learn the classic 'Hello, World!' program in HTML.
HTML
Create HTML Paragraphs in Visual Studio Code

Create HTML Paragraphs in Visual Studio Code

HTML paragraphs are important when you want to add text content to your website. In this step-by-step lab, you will learn how to create a HTML paragraph using the p tag.
HTML
HTML Multiline Input

HTML Multiline Input

HTML <textarea> tag allows users to enter and submit free text within a form. In this lab, we will create a simple HTML form with a <textarea> input and apply some commonly used attributes.
HTML
HTML Headings of Various Levels

HTML Headings of Various Levels

HTML headings are essential when it comes to creating a well-structured web page. They provide a hierarchy and help readers to quickly navigate through a website. In this lab, you will learn how to create the different levels of HTML headings using the <h1> to <h6> tags.
HTML
HTML Document Metadata

HTML Document Metadata

In this lab, you will learn how to create an HTML document using the HTML <head> tag. The <head> tag is used to provide meta-data and other information about the web page that is not visible to the user. We will go through the steps required to create an <head> tag for your HTML document.
HTML
Showcase Pet Services Website

Showcase Pet Services Website

In this lab, focus on the main content area of your website. This section showcases the services of 'Pet's House'.
HTML
HTML List Item

HTML List Item

HTML lists are used to display items as a list, and they play a crucial role in web development. The HTML li tag is used to define an item in a list. The li tag is used with the ul or ol tag, and it is perfect for creating unordered and ordered lists. This lab will provide step-by-step guidance on how to create HTML lists using the li tag.
HTML
HTML Clickable Button

HTML Clickable Button

The HTML <button> element is used to create a button on a webpage that can be used to perform certain actions. In this tutorial, we will learn how to create a button using HTML.
HTML
  • Prev
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 10
  • Next