Courses

CourseState

Welcome

The course is designed to explore the interfaces of HTML Academy. And at the same time we will look at the basic concepts of HTML and CSS coding.

for beginners
availableStart

Structure of HTML Page

We are going to create a simple HTML page, learn basic tags and their purpose. Then, we will add CSS styling and JS scripts to it.

availableStart

How to Mark up Text with HTML

You'll learn how to add simple text content to your HTML page and mark up paragraphs, headings, subheadings, lists, and many other things.

availableStart

Links and Images

Learn to use links and insert images into your page. Find a surprise at the end of the course.

availableStart

Basics of Tables

You will learn which tags help to create tables and how to control the number of rows and columns. You will learn to style tables: set borders, row background, column dimensions, and align text within cells. And, most importantly, you'll learn how to merge cells.

availableStart

Basics of Forms

In this course, you will learn how to create simple forms, and have some practice with text boxes, drop-down lists, checkboxes, buttons and other elements of forms.

availableStart

CSS Basics

In this course, we will have a short intro into the basic concepts of CSS: i.e., selectors, cascading, inheritance, priorities. You will familiarize yourself with the basic CSS properties used for text formatting, creating of layouts, positioning of elements.

availableStart

Selectors

This course focuses on selectors, one of the key mechanisms used in CSS. You will learn how to use simple and advanced selectors, pseudo-classes, and how to combine them all. This is a thematic course dedicated to biathlon.

availableStart

Inheritance and Cascading

Inheritance, cascading, specificity: what do they mean and how to use them correctly?

availableStart

How to Style Text with CSS

In this course, you will learn about the most common CSS properties for text formatting: bold, italic, size, color, and more.

availableStart

Backgrounds

In this course, you will learn how to use background images and set background colors. Also, we will discuss image formats popular on the Web and look at some techniques to create decorative effects.

availableStart

Box Model

Learn how to size and position elements, set margins, paddings and borders, and use different types of elements and their features. This is the first and most important step to creating pages with sophisticated layouts and complex decorative elements.

availableStart

Layouts

We'll try to grasp what the document flow is and how it works. We'll look at the nuances of <code>float</code> and inline-block elements. We'll practice with the basic techniques of laying out webpages.

availableStart

Positioning

We'll learn about the element positioning modes: relative, absolute and fixed. Also, we'll practice in moving elements around the page using the CSS positioning properties.

availableStart

Laboratory: Create Menu

Learn to create multiple navigation menus from scratch: vertical, horizontal, multi-level and drop-down menus. This is an applied course where you will apply the knowledge and skills acquired in previous courses.

availableStart

Laboratory: Decorative Elements

Learn to create a variety of decorative elements from scratch: social buttons, pagination blocks, comments blocks, etc. This is an applied course where you will apply the knowledge and skills acquired in previous courses.

availableStart