Lessons by tag «HTML5»

The hexlet catalog contains 27 уроков on the topic of «HTML5». Lessons on the topic of «HTML5» contained in the courses: Modern layout fundamentals, Content layout fundamentals.

Explore how the overflow property works and how to hide content inside blocks. Learn about the text-overflow property

Learn about CSS variables, their application and scope

Explore the possibilities for setting and managing the page background using the relevant property. Learn how to position background images and adjust their behavior

Get to know pseudo-elements and learn how to generate new content via CSS

Learn about the course topics and goals. Get to know the lesson structure and features

Learn to create the cornerstone website element: form. Explore the standard elements of data input and form submission

Get acquainted with the main styles used for text design

Learn how to connect and select fonts on the page. Learn how to control the size, formatting and spacing within the text. Examine the generalized font property

Get to know CSS Multi-column Layout and where to use it

Explore the types of lists in HTML and learn how to style them

Explore the measurement units available in CSS and their relation to each other

Study more complex second- and third-level selectors according to the W3C specification

Learn how to add media elements to a page. Examine ways to add images, video, and audio

Learn about styling element events and styling by element's location. Discover how to use pseudo-classes

Learn table markup and its semantics

Course "Modern layout fundamentals " is a basis for learning HTML and CSS. In this lesson, we'll discuss briefly the topics covered in the course and how you can put this new knowledge into practice

The main goal of any HTML layout is to convey the context of the blocks. In this lesson, we'll look at the semantic capabilities of the latest HTML5 standard and learn about accessibility on the web

Every HTML document has a basic structure made up of tags and special elements. The browser needs them to properly display an information. In this lesson, we'll look at each part of that structure

The CSS language was created to manage the visuals of a web page. Explore the basic features of stylesheets and learn to use it with HTML. Learn to link CSS files and discover the basic types of selectors

To save the results of your work, you need a code editor. In this lesson, you'll learn how to install Visual Studio Code. This is a powerful tool that can be used not only for layout, but also for coding in any programming language

What is cascade and how does it work in CSS? The lesson focuses on the differences in selector priorities and using them in your projects

When designing a website, it is important to find errors just in time or understand how to properly convert the block we need. Previously, most of this was done manually. Today, modern browsers have a web inspector function. Consider the capabilities of one of them - Chrome DevTools

Check out one of the most useful plugins for HTML/CSS developer - Emmet. It will speed up HTML markup and eliminate most of the routine

To upload your project on the Internet, you need to use a hosting service - a special server that will store files and provide access to them via domain name. In this tutorial, we will explore GitHub, a free hosting service

There are several major editors on the market. Some of them are designed for one operating system only, others can be installed on any of them. In this unit, let's look at the HTML/CSS developer's basic steps when working with Figma, a graphic online editor

Which elements are responsible for the page layout and which ones help in styling or adding functional elements to the page? Discover block and inline HTML elements and learn how you can affect an element width

Recommended courses on the topic «HTML5» for beginners

Developer Tools
9 hours
CSS Columns
CSS Units
16 hours