Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Formatting Elements | Understanding Basic Elements
HTML for Beginners
course content

Зміст курсу

HTML for Beginners

HTML for Beginners

1. Understanding Basic Elements
2. Working with Semantic Elements, Multimedia Elements and Graphics
3. Working with Advanced Elements

Formatting Elements

Sometimes you want to bold a text or write italic text. Codes should be displayed differently from ordinary texts. You can use formatting elements.

All elements are inline elements. So you can use them inside the <p> tag or other elements without any problem. Let's try them out.

Bold text & Strong text

You can bold a text with the <b> tag.

html

index

css

index

js

index

copy

If you want to write important text, use the <strong> tag.

html

index

css

index

js

index

copy

Italic text vs Emphasized text

We write italic text when we quote something from a different source. You can write italic texts with the <i> tag.

html

index

css

index

js

index

copy

We use the <em> tag to write emphasized texts. Emphasized texts are also displayed in italic. However, you should use these elements according to their semantic meanings.

html

index

css

index

js

index

copy

Subscripts and Superscripts

We need subscripts and superscripts, especially when we do academic writing. You can add subscript texts with a <sub> tag and superscript text with a <sup> tag.

html

index

css

index

js

index

copy

More formattings

There are a few other formattings that you will need occasionally.

You can use the <small> tag to display smaller text.

html

index

css

index

js

index

copy

You can use the <mark> tag to display a marked text.

html

index

css

index

js

index

copy

Also, you can use the <code> tag to display codes.

html

index

css

index

js

index

copy
1. Which element is similar to the <b> tag?
2. Which element is similar to the <i> tag?

Which element is similar to the tag?

Виберіть правильну відповідь

Which element is similar to the tag?

Виберіть правильну відповідь

Все було зрозуміло?

Секція 1. Розділ 4
We're sorry to hear that something went wrong. What happened?
some-alt