×

Importance: strong and b tags [8/17]

Let's repeat it once again: in this course, we concentrate our attention on the logical markup of the text; so our focus is meaning of the elements, i.e. their purpose rather than visual formatting.

In the previous tasks, you have learned elements designed for marking up large blocks of text, i.e., headings, paragraphs, and lists. In this and the following tasks, you will learn elements used to mark up small phrases and single words.

The first two tags indicate importance of a word or phrase.

The <strong> tag assigns strong importance to a piece of text.

The <b> tag represents a span of text to which attention is being drawn without making it important.

Blind or visually impaired people using ease of access features in operating systems, are those who mostly feel the difference between the above tags: when they use text-to-speech (TTS), the engine audibly emphasizes words within <strong>. The same applies to <em> and <i>. So, the <em> tag is emphasized by the TTS "engine", while the <i> tag is not.

Presentationally, both <b> and <strong> look the same, they highlight text in bold.

Note that such a new meaning has been assigned to the <b> tag in HTML5. Before that, it was plainly making the text bold. So, it was intended for visual formatting only.

Do it
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>b and strong Tags</title> </head> <body> <h1>What&apos;s wrong with the online courses and how to fix them: HTML Academy's experience</h1> <p>We at HTML Academy are continuously working on efficiency of our educational programs and courses (to this end, we experiment a lot and use gamification).</p> <p>We have found that, even to prepare professionals for entry-level positions in Web technology, video lectures and tasks alone are definitely insufficient. It is simply impossible to gain adequate knowledge under such conditions.</p> <p>That&apos;s why we decided to create a course where our students could earn true IT expertise far beyond basic Web coding skills.</p> </body> </html>
CSS
HTML Academy
  1. Style the introductory paragraph; enclose all the text of the first paragraph in the b tag.
  2. Emphasize some important details; in the second paragraph, use the strong tag for the word "professionals",
  3. and for the phrase "true IT expertise", in the third paragraph.
Theory Check Next