Theory
Theory

HTML basics

The HTML language consists of tags. Tags are the building blocks of every web page.

Each tag starts with a < character and ends with a > character, for example: <p>.

All tags can be divided into paired and single tags. Each paired tag consists of two parts: an opening tag and a closing tag. The / symbol is used inside the closing tag.

Here's an example of a paired tag:

<p>Paragraph</p>

As you can see, the <p> tag has a pair in the form of a closing </p> tag.

Tags can be nested within each other. For example, a word can be highlighted in a paragraph:

<p>A paragraph in which <em>one</em> word is highlighted.</p>

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <title>HTML basics</title> <link rel="stylesheet" href="style.css"> </head> <body> Types of tags Each HTML tag has its own meaning and purpose. Some tags are service tags and are never visible on the page. Other tags are used for text formatting and their influence is quite noticeable. </body> </html>

CSS

/* This is how you can specify the font for the entire document */ body { font-family: "Georgia", serif; }

GoalsCompleted

Practice using paired tags. Use them to mark up unformatted text in the editor and watch the changes in the browser.

Wrap into h1 tag heading Types of tags.
Wrap into a separate p tag each sentence after the title.
Wrap one word into a em tag.