HTML Tutorials

HTML offers a comprehensive curriculum for mastering web markup. Our tutorials cover HTML5 elements, semantics, and best practices, suitable for beginners 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 allows you to experiment with different tags and see instant results.

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.
HTMLFlaskPython
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
HTML Time Representation
HTML Time Representation
HTML provides a time tag that allows developers to represent human-readable time or date, which can also be readable by search engines in the machine-readable format. In this lab, we will learn how to use the time tag in HTML to create a date and time stamp.
HTML
HTML Table Header Cell
HTML Table Header Cell
In HTML, the <th> tag is used to define one cell as a header of a group of cells. There are two types of HTML table cells: header cell and standard cell. The header cell is used as a header for the group of cells and the standard cells contain data for a table.
HTML
HTML Table Footer
HTML Table Footer
In HTML, you can group the footer content of a table using the <tfoot> tag. The table footer can include summary information, explanatory notes or commentary. The <tfoot> tag is one of the children of the <table> tag and is used in conjunction with <thead> and <tbody> tag. In this lab, you will learn how to create table footers in HTML using the <tfoot> tag.
HTML
HTML Table Header
HTML Table Header
In HTML, tables are used to display data in rows and columns. The <thead> tag is used to define the header row of a table. The header row is usually used to label the content in the columns below and hold descriptive labels.
HTML
HTML Template Definition
HTML Template Definition
The <template> tag in HTML allows you to create reusable content that is not rendered on a page when it is loaded. This is useful when you have content that is not needed at the start of the page loading but can be accessed later using JavaScript. This lab will guide you through the steps to create an HTML template.
HTML
HTML Table Row
HTML Table Row
Tables can be used to present data in a structured format. The basic component of any table is a table row (<tr>) element that defines a row of cells. Table rows must be enclosed within a table (<table>) element. In this lab, we will learn how to create HTML table rows.
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 Unordered List
HTML Unordered List
The ul tag in HTML is used to create an unordered list where the items are typically rendered as a bulleted list. This lab will guide you on how to create an unordered list using HTML and provides examples of ul tag syntax and usage.
HTML
HTML Variable Declarations
HTML Variable Declarations
The <var> tag is used in HTML to represent a variable in a program or a mathematical equation. It works similar to the <strong> or <em> tag but instead of emphasizing text, it shows textual content as a variable.
HTML
HTML Document Style
HTML Document Style
The HTML <style> tag is used to add styles to your web pages. These styles can alter the look and feel of your website in various ways. In this lab, you will learn how to use the <style> tag to create a custom style sheet that can be used throughout your web page.
HTML
HTML Superscript Text
HTML Superscript Text
The HTML sup tag allows you to display text in a superscript format on a webpage. In this lab, we will demonstrate how to use the sup tag to create superscript text.
HTML
HTML Details Summary
HTML Details Summary
In HTML, the <summary> tag is used to create an expandable and collapsible summary element for the content present in the web page.
HTML
HTML Strikethrough Text
HTML Strikethrough Text
In HTML, the <s> tag represents strikethrough text or text with a line through it. It can be used to show irrelevant or no longer accurate text content. It's essential to use the <del> tag instead of the <s> tag for document editing purposes. In this lab, you will learn how to create strikethrough text in HTML using the <s> tag.
HTML
Utilizing HTML Section Tag
Utilizing HTML Section Tag
In HTML, the <section> tag is used to divide a document into several sections for clarity and distinction. It is a semantic element that can be used for stand-alone sections or nested sections within a document. This lab will guide you through the simple steps to use the <section> tag in an HTML file.
HTML
HTML Strong Importance
HTML Strong Importance
HTML is a markup language used to create the structure and content of web pages. The <strong> tag in HTML is used to indicate text that has a great degree of importance compared to the other content on a webpage. This tag is important to give meaning to the text for browsers and search engines.
HTML
Styling Elements with HTML Span
Styling Elements with HTML Span
The HTML <span> tag is used to group elements for styling purposes. It can be thought of as a generic container for the phrasing content. The <span> tag is much similar to <div> tag, but it is an inline element unlike <div> which is a block-level element. The <span> tag does not inherently represent anything. In this lab, you will learn how to use the <span> tag to group elements for styling purposes.
HTML
  • Prev
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 8
  • Next