Theory
Theory

Consolidation

In this assignment, you'll consolidate what you've learned and write some tags yourself. You will also change the value in CSS.

You will need to finalize the markup and add a heading and paragraph. And also change the font size for one of the heading types.

Try to figure out for yourself what the tags and properties in the example are for. If you can't, open the hint.

The<h2> denotes the second-level header.

<p> denotes a paragraph.

To increase the font size of the first level headings, you only need to change this rule in the CSS:

h1 { font-size: 48px; }

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <title>Consolidation</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>The main languages of the web</h1> <h2>Beautiful HTML</h2> <p>It consists of many tags. Each tag has a specific meaning and purpose.</p> Mighty CSS Consists of selectors and properties. Powerful JavaScript The most popular programming language in the world. </body> </html>

CSS

/* This rule sets the overall font size */ body { font-size: 16px; } /* This rule is the size for first level headings */ h1 { font-size: 20px; } /* And this is the shadow for the first level headers */ h1 { text-shadow: 1px 1px 0 white, 2px 2px 0 #ccc; }

GoalsCompleted

Practice changing code in editors. Watch how it changes the page in the browser.

Make the text Mighty CSS a second-level header.
Make the text Consists of selectors and properties. paragraph.
Enlarge the font size of the first level heading to 48px.