Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Aprende Desafío: Marcado de Texto Especial | Fundamentos de HTML
Conceptos básicos de HTML

book
Desafío: Marcado de Texto Especial

Tarea

Crea un documento HTML con etiquetas para el formato de texto, enlaces y un botón.

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>

Tarea

  • Paso 1: Usa la etiqueta <strong> para enfatizar texto importante.

  • Paso 2: Usa la etiqueta <em> para añadir énfasis al poner el texto en cursiva.

  • Paso 3: Usa la etiqueta <u> para subrayar texto para mayor claridad visual.

  • Paso 4: Usa la etiqueta <s> para añadir un efecto de tachado al texto.

  • Paso 5: Añade etiquetas <a> para crear enlaces. Especifica valores href apropiados para diferentes tipos de enlaces.

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

    • Para teléfono usa href="tel:+987654321";

    • Para correo electrónico usa href="mailto:example@example.com".

  • Paso 6: Usa la etiqueta <button> con el atributo type="button" para crear un botón clicable.

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>
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 6

Pregunte a AI

expand
ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

some-alt