Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Learn Challenge: Applying Special Text Markup | HTML Fundamentals
HTML Essentials

book
Challenge: Applying Special Text Markup

Task

Create an HTML document with tags for text formatting, links, and a button.

html

index.html

copy
<!DOCTYPE html>
<html>
<head>
<title>Challenge: Special Text Markup</title>
<meta charset="UTF-8" />
</head>
<body>
<!-- Step 1: Add `strong` tag to emphasize text -->
<p>This is <_____>important</_____> information.</p>

<!-- Step 2: Add `em` tag to italicize text -->
<p>This is <_____>emphasized</_____> text.</p>

<!-- Step 3: Add `u` tag to underline text -->
<p>This is <_____>underlined</_____> text.</p>

<!-- Step 4: Add `s` tag to strikethrough text -->
<p>This is <_____>strikethrough</_____> text.</p>

<!-- Step 5: Add `anchor` tags for links -->
<!-- Use appropriate `href` values for different types of links -->
<_____ href="https://codefinity.com/" target="_blank">Visit Codefinity Website</_____><br />
<a href="_____:+987654321">Call Us</a><br />
<_____ href="_____:example@example.com">Send Email</_____><br />

<!-- Step 6: Add `button` tag with type `"button"` -->
<_____ type="_____">Click Me</_____>
</body>
</html>

Task

  • Step 1: Use <strong> tag to emphasize important text.

  • Step 2: Use <em> tag to add emphasis by italicizing text.

  • Step 3: Use <u> tag to underline text for visual clarity.

  • Step 4: Use <s> tag to add a strikethrough effect to text.

  • Step 5: Add <a> tags to create links. Specify appropriate href values for different types of links.

    • For URL use href="https://codefinity.com/;

    • For telephone use href="tel:+987654321";

    • For email use href="mailto:example@example.com".

  • Step 6: Use the <button> tag with the type="button" attribute to create a clickable button.

html

index.html

copy
<!DOCTYPE html>
<html>
<head>
<title>Challenge: Special Text Markup</title>
<meta charset="UTF-8" />
</head>
<body>
<!-- Step 1: Add `strong` tag to emphasize text -->
<p>This is <strong>important</strong> information.</p>

<!-- Step 2: Add `em` tag to italicize text -->
<p>This is <em>emphasized</em> text.</p>

<!-- Step 3: Add `u` tag to underline text -->
<p>This is <u>underlined</u> text.</p>

<!-- Step 4: Add `s` tag to strikethrough text -->
<p>This is <s>strikethrough</s> text.</p>

<!-- Step 5: Add `anchor` tags for links -->
<!-- Use appropriate `href` values for different types of links -->
<a href="https://codefinity.com/" target="_blank">Visit Codefinity Website</a><br />
<a href="tel:+987654321">Call Us</a><br />
<a href="mailto:example@example.com">Send Email</a><br />

<!-- Step 6: Add `button` tag with appropriate `type` -->
<button type="button">Click Me</button>
</body>
</html>

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 2. Chapter 6

Ask AI

expand
ChatGPT

Ask anything or try one of the suggested questions to begin our chat

We use cookies to make your experience better!
some-alt