Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Aprenda Desafio: Marcação de Texto Especial | Fundamentos de HTML
Essenciais de HTML

book
Desafio: Marcação de Texto Especial

Tarefa

Crie um documento HTML com tags para formatação de texto, links e um botão.

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>

Tarefa

  • Passo 1: Use a tag <strong> para enfatizar texto importante.

  • Passo 2: Use a tag <em> para adicionar ênfase ao italicizar o texto.

  • Passo 3: Use a tag <u> para sublinhar o texto para clareza visual.

  • Passo 4: Use a tag <s> para adicionar um efeito de tachado ao texto.

  • Passo 5: Adicione tags <a> para criar links. Especifique valores href apropriados para diferentes tipos de links.

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

    • Para telefone use href="tel:+987654321";

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

  • Passo 6: Use a tag <button> com o atributo type="button" para criar um botão clicável.

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>
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 6

Pergunte à IA

expand
ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

some-alt