Formato del texto
Ponga el texto en negrita, cursiva y subráyelo
Formato del texto es una lección gratuita de HTML for Kids en CoddyKit. Esta es la lección 4 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de HTML for Kids, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de HTML for Kids incluye 4 lecciones en total.
Formato del texto
¡Le damos la bienvenida a la próxima lección! Hoy aprenderemos a dar formato al texto en HTML para ponerlo en negrita, cursiva, subrayarlo y mucho más. ¡Empecemos!
¿Por qué dar formato al texto?
El formato del texto le ayuda a:
- Destacar información importante.
- Hacer que su página web sea más fácil de leer.
- Mejorar el atractivo visual de su contenido.
¡Exploremos las distintas formas de dar formato al texto en HTML!
Poner el texto en negrita
Utilice la etiqueta <strong> o <b> para poner el texto en negrita. Ambas funcionan de forma similar, pero <strong> se utiliza para indicar que el texto es importante.
Ejemplo:
<p>This is <strong>important</strong> text.</p>
<p>This is <b>bold</b> text.</p>
Poner el texto en cursiva
Utilice la etiqueta <em> o <i> para poner el texto en cursiva. <em> añade énfasis, mientras que <i> se utiliza únicamente para aplicar estilo.
Ejemplo:
<p>This is <em>emphasized</em> text.</p>
<p>This is <i>italicized</i> text.</p>
Subrayar el texto
Utilice la etiqueta <u> para subrayar el texto.
Ejemplo:
<p>This is <u>underlined</u> text.</p>
Tachar el texto
Utilice la etiqueta <del> o <s> para mostrar el texto tachado. Esto resulta útil para marcar texto como eliminado o incorrecto.
Ejemplo:
<p>This is <del>deleted</del> text.</p>
<p>This is <s>strikethrough</s> text.</p>
Combinar formatos
Puede combinar varias etiquetas de formato para aplicar distintos estilos al texto.
Ejemplo:
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
<p>This is <u><i>underlined and italicized</i></u> text.</p>
Pruébelo usted mismo
Vamos a crear una página web con texto formateado. Este es un ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<h1>Text Formatting Example</h1>
<p>This is <strong>bold</strong> text.</p>
<p>This is <em>italicized</em> text.</p>
<p>This is <u>underlined</u> text.</p>
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
</body>
</html>
¡Excelente trabajo!
¡Enhorabuena! Ha aprendido a dar formato al texto en HTML utilizando negrita, cursiva, subrayado y otros estilos. El formato del texto ayuda a destacar el contenido importante y mejora la legibilidad. En la próxima lección, pasaremos a las buenas prácticas para escribir HTML limpio y organizado. ¡Prepárese para perfeccionar sus habilidades de programación!
Preguntas frecuentes
¿La lección «Formato del texto» es gratis?
Sí — el texto completo de «Formato del texto» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de HTML for Kids, actualiza a CoddyKit PRO. El curso de HTML for Kids incluye 4 lecciones en total.
¿Qué aprenderé en «Formato del texto»?
Ponga el texto en negrita, cursiva y subráyelo Practicas HTML for Kids con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar HTML for Kids?
No se requiere experiencia previa. HTML for Kids en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 4 de 4.
¿Cuánto tiempo toma la lección «Formato del texto»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de HTML for Kids?
Sí. Cada lección de HTML for Kids incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Estilos en línea
- Conceptos básicos de CSS
- Colores y fondos
- Formato del texto