Register to get access to 15+ free programming courses with interactive exercises

Intro Modern layout fundamentals

The Modern Layout fundamentals course is the basis for learning the basics of HTML and CSS. Over the course of a dozen lessons, you'll learn the basics of laying out websites. You'll figure out how and in what language to write and design layouts. Learn the basics of styling HTML elements with CSS.

What you'll learn on the course

  1. Learn about HTML and how to mark up simple structures (mainly text)
  2. Explore the basic capabilities of the modern HTML5 standard in semantic layouts
  3. Get basic knowledge of CSS, including connecting styles, using selectors, and cascading
  4. Learn to use the browser's built-in tools to debug the layout. In particular, you'll examine how Google DevTools works
  5. You will learn what editors you can use and how to simplify and speed up the process of laying out pages using plugins
  6. Put the first pieces of work you make on the Internet using free hosting for static sites

Do it yourself

At the end of each lesson, you'll come across small independent assignments. They are aimed at a more practical understanding of the topic covered, so we highly recommend them.


Аватары экспертов Хекслета

Are there any more questions? Ask them in the Discussion section.

The Hexlet support team or other students will answer you.

Sign up

Programming courses for beginners and experienced developers. Start training for free

  • 130 courses, 2000+ hours of theory
  • 1000 practical tasks in a browser
  • 360 000 students
By sending the form, you agree to Personal Policy and Service Conditions

Our graduates work in companies:

<span class="translation_missing" title="translation missing: en.web.courses.lessons.registration.bookmate">Bookmate</span>
<span class="translation_missing" title="translation missing: en.web.courses.lessons.registration.healthsamurai">Healthsamurai</span>
<span class="translation_missing" title="translation missing: en.web.courses.lessons.registration.dualboot">Dualboot</span>
<span class="translation_missing" title="translation missing: en.web.courses.lessons.registration.abbyy">Abbyy</span>

Use Hexlet to the fullest extent!

  • Ask questions about the lesson
  • Test your knowledge in quizzes
  • Practice in your browser
  • Track your progress

Sign up or sign in

By sending the form, you agree to Personal Policy and Service Conditions

Toto Image

Ask questions if you want to discuss a theory or an exercise. Hexlet Support Team and experienced community members can help find answers and solve a problem.