Curso gratuito de HTML. Regístrate para hacer un seguimiento de tu progreso →

HTML: Texto en HTML

Dentro de un navegador u otro programa que pueda procesar HTML, el texto se muestra en función de las etiquetas especificadas. Sin ellas, el navegador no entenderá cómo mostrar correctamente el texto.

Veamos un ejemplo de texto y tratemos de mostrarlo utilizando etiquetas de marcado y sin ellas.

Texto:

Creemos que un verdadero programador debe entender cómo funciona una computadora y tener pensamiento computacional. Debe ver el problema, no la tarea. Debe ser capaz de analizar y razonar a nivel del problema y más allá, no solo a nivel de código.

Con la abundancia de materiales de estudio, cursos y libros disponibles hoy en día, la pregunta principal que se plantea a un principiante no es "¿dónde estudiar?", sino "¿qué y en qué orden estudiar?". Hay muchas opiniones al respecto. Algunos sugieren comenzar con matemáticas, otros sugieren lenguajes y tecnologías específicas.

Hexlet es un camino completo desde principiante absoluto hasta el primer empleo.

Si insertamos el texto en la página sin usar etiquetas, obtendremos este resultado:

Creemos que un verdadero programador debe entender cómo funciona una computadora y tener pensamiento computacional. Debe ver el problema, no la tarea. Debe ser capaz de analizar y razonar a nivel del problema y más allá, no solo a nivel de código. Con la abundancia de materiales de estudio, cursos y libros disponibles hoy en día, la pregunta principal que se plantea a un principiante no es "¿dónde estudiar?", sino "¿qué y en qué orden estudiar?". Hay muchas opiniones al respecto. Algunos sugieren comenzar con matemáticas, otros sugieren lenguajes y tecnologías específicas. Hexlet es un camino completo desde principiante absoluto hasta el primer empleo.

Este no es el resultado esperado: las líneas se han fusionado y se han convertido en una sola línea ilegible. Para que el texto se vea como se pretende, es necesario envolverlo en etiquetas <p>:

<p>Creemos que un verdadero programador debe entender cómo funciona una computadora y tener pensamiento computacional. Debe ver el problema, no la tarea. Debe ser capaz de analizar y razonar a nivel del problema y más allá, no solo a nivel de código.</p>

<p>Con la abundancia de materiales de estudio, cursos y libros disponibles hoy en día, la pregunta principal que se plantea a un principiante no es "¿dónde estudiar?", sino "¿qué y en qué orden estudiar?". Hay muchas opiniones al respecto. Algunos sugieren comenzar con matemáticas, otros sugieren lenguajes y tecnologías específicas.</p>

<p>Hexlet es un camino completo desde principiante absoluto hasta el primer empleo.</p>

Creemos que un verdadero programador debe entender cómo funciona una computadora y tener pensamiento computacional. Debe ver el problema, no la tarea. Debe ser capaz de analizar y razonar a nivel del problema y más allá, no solo a nivel de código.

Con la abundancia de materiales de estudio, cursos y libros disponibles hoy en día, la pregunta principal que se plantea a un principiante no es "¿dónde estudiar?", sino "¿qué y en qué orden estudiar?". Hay muchas opiniones al respecto. Algunos sugieren comenzar con matemáticas, otros sugieren lenguajes y tecnologías específicas.

Hexlet es un camino completo desde principiante absoluto hasta el primer empleo.

Este ejemplo ilustra que el texto formateado en un procesador de textos se convertirá en una sola línea cuando se abra en un navegador, por lo que la información se marca con etiquetas especiales. A lo largo del curso, veremos etiquetas para crear tablas, listas, enlaces y secciones lógicas de una página. En esta lección, hemos examinado con más detalle los párrafos y la importancia del marcado para mostrar correctamente la información en una página.

Tarea

Formatea el texto

El portal de carreras "Mi Entorno" ha estudiado el mercado de la educación en TI y ha descubierto en qué escuelas en línea se enseña programación de manera efectiva. En la clasificación final, Hexlet ocupó el segundo lugar.

"Mi Entorno" encuestó a 3500 profesionales de TI y elaboró una clasificación de escuelas en línea para programadores. La encuesta contó con la participación de usuarios de "Mi Entorno" y "Habr.com", que estudiaron en universidades en línea. En la tabla final, Hexlet ocupó el segundo lugar.

Cada párrafo debe estar dentro de una etiqueta separada.

¿El ejercicio no pasa la prueba, qué debo hacer? 😶

Si te quedaste atascado, es el momento perfecto para hacer una pregunta en las "Discusiones".
* Asegúrate de incluir la salida de las pruebas. Sin ella, es casi imposible entender qué está mal, incluso si muestras tu código. Los programadores tienen dificultades para ejecutar el código en su mente, pero casi siempre es posible entender a dónde mirar a partir del error que recibiste.

Mi código funciona en mi entorno, pero no aquí 🤨

Las pruebas están diseñadas de manera que verifican la solución de diferentes maneras y con diferentes datos. A menudo, una solución funciona con ciertos datos de entrada pero no con otros. Para entender este punto, revisa la pestaña "Pruebas" y presta atención a los mensajes de error, que suelen contener pistas.

Mi código es diferente a la solución del profesor 🤔

Esto es normal 🙆. En programación, una tarea puede tener muchas soluciones diferentes. Si tu código pasa la prueba, cumple con los requisitos de la tarea.

En raras ocasiones, la solución puede estar ajustada para pasar las pruebas, pero esto suele ser evidente.

Leí la lección, pero no entendí nada 🙄

Crear materiales de aprendizaje comprensibles para todos es bastante difícil. Hacemos nuestro mejor esfuerzo, pero siempre hay margen para mejorar. Si encuentras material que no entiendes, describe el problema en las "Discusiones". Es ideal si puedes formular los aspectos que no entiendes en forma de preguntas. Por lo general, necesitamos unos días para hacer mejoras.

Por cierto, tú también puedes contribuir a mejorar los cursos: en la parte inferior hay un enlace al código fuente de las lecciones, que se puede modificar directamente en el navegador.


¿Encontraste un error? ¿Quieres añadir algo? Las solicitudes de extracción son bienvenidas. https://codica.la/errores
Si te encuentras con dificultades y no sabes qué hacer, pregunta en nuestra gran y amigable comunidad