Web Development: Unraveling HTML, CSS, and JavaScript/

...

/

Rendering Text: Code Along Exercises

Rendering Text: Code Along Exercises

In this lesson, we render text in a coding exercise. Let's get started!

We'll cover the following...

Code Along Exercise: Add semantics

<!DOCTYPE html>
<html>
<head>
  <title>Common text markups</title>
</head>
<body>
  <strong>HTML5</strong>
  is a <dfn>markup language</dfn>
  for structuring and presenting content for the 
  World Wide Web (<abbr>WWW</abbr>) 
  and a core technology of the <em>Internet</em>.
</body>
</html>

The image below displays the expected output of the above code. We use four different options to play with our text namely:

  1. Line 7 <strong> tag
  2. Line 8 <dfn> tag
  3. Line 10 <abbr> tag
  4. Line 11 <em> tag
Common Text Markups
Common Text Markups

When you create text with markup, take care that you use the appropriate markup to tell the browser about the semantics of the highlighted text. According to Exercise 02-04, the “markup language” expression is a term definition, while ...