Course: Welcome

HTML basics [4/14]

In the first tasks you got acquainted with the training tools, and now we are starting to get to know HTML.

HTML language consists of tags. Tags are the bricks every web page is built of.

Every tag is surrounded by angle brackets <>, for example, <p>.

Some tags can be paired and some can be unpaired (single). Every paired tag consists of two parts – an opening tag and a closing tag. The closing tag uses symbol / to distinguish it from the start tag.

Here is an example of a paired tag:


As you see, the <p> tag has a pair – a closing </p> tag.

Do it
<!DOCTYPE html> <html> <head> <title>HTML basics</title> </head> <body> Tag types Every HTML tag has its meaning and destination. Some of the tags contain metadata and are not noticed on the web page. Other tags are used for text formatting purposes and their influence is quite visible. For example, if you use h1 tag for some portion of your text, it will have bigger font and padding, because h1 is a header tag. </body> </html>
/* You can define the font for the whole document this way */ body { font-family: Georgia, serif; }
HTML Academy

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

  1. Make Tag types a h1 header.
  2. Wrap every sentence after tag h1 in the p tag, making it a paragraph.
  3. Emphasize any single word using the tag em.
  4. Use the tag strong on any single word.
Theory Check Next