×
Course: Welcome

Consolidation of knowledge [3/14]

The firsttasks were the easiest. From now on you will achieve more complicated goals. For example, add or remove certain tags or their attributes.

To fulfill this task, you need to edit the initial code. Try to figure out yourself what the tags and properties in the example are used for. If you can’t do this, open the Hint.

By the way, note the Check button in the lower part of the mini-browser.

Usually your code is checked online in your browser, and in 95% of cases the checks work correctly. But sometimes in some browsers the checks don’t work. That’s when you need to use this button: it sends the code to our server, where it is checked in an ideal environment. If the server check is not passed, then there is a mistake in the code somewhere.

Hint

<h1> means level one header.

<p> means paragraph.

For increasing the headers’ font size you need only to change this rule in CSS:

h1 {
font-size: 20px;
}

Do it
HTML
<!DOCTYPE html> <html> <head> <title>Consolidation of knowledge</title> </head> <body> <h1>HTML structure</h1> <p>HTML language consists of different tags. Every tag has its meaning and destination.</p> <p>Every tag can have a number of attributes.</p> <h1>CSS structure</h1> <p>CSS consists of selectors and properties.</p> <p>Selectors describe what elements or groups of elements will have the given properties.</p> </body> </html>
CSS
/* This rule defines the common font size */ body { font-size: 16px; } /* This rule defines the font size of level 1 headers */ h1 { font-size: 20px; } /* And this is the shadow for level 1 headers */ h1 { text-shadow: 2px 2px 0 #ccc; }
HTML Academy

Practice changing the code in the editors. Notice how this changes the page in the browser.

  1. Add level 1 header with value I have practiced in the end of the text.
  2. After it add a paragraph with value It’s time to move on.
  3. Enlarge the headers font size up to 32px.
Theory Check Next