Skip to main content

43 docs tagged with "html"

View all tags

Adding Audio and Video in HTML

In this tutorial, you will learn how to add audio and video to your HTML documents using the <audio> and <video> elements.

Adding Custom Environment Variables

Learn how to add custom environment variables to your Create React App, empowering your app to configure differently based on the environment in which it runs.

Advanced HTML Topics

In this tutorial, we will explore advanced HTML topics such as web components, microdata, and more.

Advanced Link Attributes

Learn about advanced attributes of the HTML <a> tag, including rel for security and SEO, and download for controlling file downloads.

Building Forms in HTML

Learn how to create forms in HTML to collect user input effectively, with detailed examples and best practices.

Canvas and SVG Graphics in HTML

In this tutorial, you will learn how to use the Canvas and SVG graphics APIs in HTML to draw shapes, images, and animations on a web page.

Common HTML Errors and Fixes

In this tutorial, you will learn about common HTML errors and how to fix them to create valid and well-structured HTML documents.

Community Support

In this tutorial, we will explore the community support available for HTML and web development.

Core HTML5 Semantic Elements

In this tutorial, you will learn about semantic HTML5 elements and how they can improve the structure, accessibility, and search engine optimization (SEO) of your web pages.

Creating Complex HTML Tables

Master the creation of complex HTML tables by learning how to use the rowspan and colspan attributes to merge cells, and the scope attribute for improved accessibility.

Creating Hyperlinks in HTML

In this tutorial, you will learn how to create hyperlinks in HTML using the <a> (anchor) tag, link to external sites, navigate internal sections, and control link behavior.

Flexbox and Grid Layout

In this tutorial, you will learn how to use Flexbox and Grid Layout to create responsive web designs and build complex layouts in HTML and CSS.

Geolocation API in HTML

In this tutorial, you will learn how to use the Geolocation API to get the user's current location in a web page.

HTML Attributes and Values

In this tutorial, you will learn about HTML attributes and values. HTML attributes provide additional information about elements, and values define the specific settings or properties of the attributes.

HTML Definition Lists

Learn how to use HTML Definition Lists (<dl>) to structure data that consists of terms and their associated definitions or values, such as a glossary or metadata.

HTML Document Structure

In this tutorial, you will learn about the structure of an HTML document and how to create a basic HTML document.

HTML Elements and Tags

Learn the difference between block-level and inline elements, and see practical examples of the most common tags used for structuring content.

HTML Headings

Learn how to use HTML heading tags (<h1> to <h6>) to structure content hierarchy, improve SEO, and enhance document accessibility.

HTML Lists: Organizing Content

In this tutorial, you will learn about lists in HTML. Lists are used to display a collection of items in a structured format, including unordered, ordered, and definition lists.

HTML Ordered Lists

In this tutorial, you will learn about ordered lists in HTML. Ordered lists are used to display a list of items in a specific, meaningful sequence.

HTML Syntax and Structure

Start writing valid HTML! Learn the core structure, the difference between tags and elements, and how to use attributes to modify your content.

HTML Table Structure & Semantics

Master the structure of HTML tables, focusing on semantic grouping tags (thead, tbody, tfoot) essential for accessibility, long tables, and robust styling.

HTML Tables

This guide introduces HTML tables, emphasizing their use for organizing and presenting structured, tabular data. Learn the essential tags (<table>, <tr>, <th>, <td>) and semantic elements (<thead>, <tbody>, <tfoot>).

HTML Unordered Lists

In this tutorial, you will learn about unordered lists in HTML. These lists are used to display a collection of items where the order is not important.

Image Attributes in HTML

Learn about the essential attributes of the HTML <img> tag, focusing on required attributes (src, alt) and performance attributes (width, height, loading) to build accessible and fast websites.

Image Formats and Optimization

In this tutorial, you will learn about essential image formats (JPEG, PNG, GIF, SVG, WebP) and crucial optimization techniques to reduce image size and improve website loading speed.

Importance of Validating HTML Code

In this tutorial, you will learn about the importance of validating HTML code and how to use HTML validators to check for errors and ensure your code is well-formed and standards-compliant.

Inserting Images in HTML

In this tutorial, you will learn how to insert images in HTML using the <img> tag, focusing on the required src and alt attributes, and best practices for sizing and accessibility.

Introduction to HTML

Start your web development journey here. This tutorial covers what HTML is, why it's essential, and how to write your very first page.

Paragraphs and Line Breaks

Learn how to use the <p> tag to define paragraphs and the <br> tag for forced line breaks in HTML, maintaining semantic structure and readability.

Table Attributes (Focus on Accessibility)

Learn about modern and legacy HTML attributes for tables. This tutorial focuses on essential accessibility attributes (id, headers) and discourages the use of deprecated styling attributes.

Text Formatting in HTML

Learn how to use HTML tags to format text for emphasis, styling, and semantic structure, with examples and best practices.

Understanding Semantic HTML

In this tutorial, you will learn about semantic HTML and how it can improve the accessibility, search engine optimization (SEO), and maintainability of your web pages.

Using the W3C HTML Validator

In this tutorial, you will learn how to use the W3C HTML Validator to check your HTML code for errors and ensure it is well-formed and standards-compliant.

Why Use Semantic HTML? (The Benefits)

A detailed breakdown of the major advantages of using semantic HTML, including improved accessibility, search engine optimization (SEO), and easier code maintenance.

Your Web Development Journey

Congratulations on completing the HTML tutorials! Find out what to learn next (CSS, JavaScript) and discover recommended resources for continuing your web development journey.