HyperText Markup Language (HTML) Lessons

Decode the components and anatomy of type

Learn how to style well-formatted paragraphs that make text content easier to read and scan

Discover how to effectively organize information in tables and lists without causing overwhelm

Learn the essential structure, syntax, and tags of HTML, enabling you to structure and organize content on the web

Understand how to make sure multimedia usage in your designs is accessible and doesn't distract or cause confusion to users

Gain an understanding of the purpose and functionality of common HTML elements, and how they contribute to the overall design

Learn how to create prominent and straightforward hyperlinks that are clear of any ambiguity

Discover best practices for incorporating text in wireframes

Discover the components that make up a UI header

Explore popular HTML tags that are commonly used in web development to structure and organize content

Learn how to add captivating visuals to your web pages with HTML

Learn how to create dynamic and user-friendly input forms on your web pages with HTML

Learn how to establish a clear visual hierarchy in your designs to enhance readability

Explore the essential dos and don'ts of HTML to create clean, accessible, and maintainable web pages

Explore basic CSS styling techniques

Explore ways to organize content in a logical and hierarchical manner on your web pages with HTML lists

Learn how to structure and arrange the content on your web pages effectively with HTML layout elements

Learn the best practices to organize and present tabular data in a structured manner on your web pages with HTML

Discover strategies for effectively handling small blocks of text in typography to maximize readability and impact

Understand the difference between HTML IDs and classes and when to use each one effectively

Learn to enhance the readability and aesthetics of your web pages with HTML formatting

Learn how to connect web pages and provide seamless navigation for your users through HTML

Discover how to incorporate SVG elements into your HTML pages to create dynamic and scalable vector-based graphics

Learn how to incorporate various media elements into your web pages with HTML

Get a grasp of the general guidelines to make your UX copy accessible to all

Dive into the vibrant world of HTML colors and learn how to add visual appeal to your web pages

Discover how to enhance the visual presentation of your web pages

Master the art of using HTML headings and paragraphs to structure and format your web content

Uncover the basics of HTML attributes, the additional properties that can be applied to HTML elements to enhance their functionality and appearance

Learn how to incorporate composition grids into your design process

Delve into the potential of masks in Figma to craft elements that elevate every interface.

Learn how to use color and generate smooth gradients that create moods and capture users' attention

Learn basic CSS display properties to create balanced compositions that guide users throughout the website and make content easy to consume

Explore the diverse range of CSS length units and learn how to effectively utilize them to define sizes and distances, enabling precise control over the layout and styling of your web pages

Learn what goes into customizing how text looks on a webpage

Learn how to precisely control and adjust the size and dimensions of elements, enhancing your design flexibility and responsiveness

Learn how to format lists and paragraphs in Figma.

Master the art of CSS alignment techniques to precisely position and align elements, creating visually harmonious and aesthetically pleasing web layouts

Learn how to enhance user experience by effectively designing utility navigation tools

Learn techniques to clearly indicate users' location within an interface for smooth navigation