18 Feb Espacios en blanco HTML. Practicando con caracteres especiales.
En este ejercicio vamos a aplicar el concepto de códigos de carácter HTML y Nombres HTML.
Cuando aprendemos el uso del <meta charset="utf-8"/>
solemos pensar que nunca necesitaremos usar Nombres HTML especiales.
Sin embargo hay ocasiones en las que no hay alternativa o que es una solución práctica. Por ejemplo:
- Cuando queremos escribir una etiqueta en formato texto y no queremos prescindir de < o >.
- En los títulos de una publicación o título de una página web cuando escribimos en una página hecha en wordpress.
- Cuando necesitamos escribir caracteres poco habituales.
- Para caracteres de uso común como el copyright y similares.
Te sugiero leer esta entrada dónde se explica la teoría y encontrarás ejemplos.
Entremos en materia.
Enunciado
Escribe el html necesario para hacer posible que se visualize el resultado de la imagen.
Observaciones:
El ejercicio está resuelto sin el uso de CSS.
Todas las líneas están resueltas mediante un título <h2>

Solución del ejercicio
El navegador interpreta dos espacios en blanco como uno solo.
Para forzar espacios en blanco con HTML debemos escribirlos mediante su nombre HTML (non-breaking space)
<h2>Lorem ipsum</h2>
<h2>Lorem ipsum</h2>
<h2>Lorem ipsum</h2>
<h2>Lorem ipsum</h2>
<h2>Lorem ipsum</h2>
¡Hola!
Querido lector,
Este ejercicio está inspirado en un error típico que muchos cometemos cuando empezamos a aprender html. ¡Deseo que te sea de utilidad!
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
Entradas relacionadas:
En este ejercicio se recopilan variados errores que observo en mis alumnos de html edición tras edición. ¿Serás capaz de identificar sin hacer trampas todos los fallos?
¿Quieres evitar que tus páginas web sean invisibles en internet? Entonces la etiqueta title es para ti y esta entrada te interesa.
¿Hay alguna forma amable de leer páginas web dónde todo el contenido se haya compactado? Te presento algunas de mis herramientas favoritas.
LibrosWeb, una de las mejores referencias en Internet para aprender web, se ha reciclado tras 12 años de existencia. ¡Mi enhorabuena!
Las meta etiquetas son un tipo de tags que se escriben en la cabecera de un documento web que aportan información técnica a los motores de búsqueda sobre como deben leer nuestro sitio web. Vemos los t...
Las etiquetas q, cite y blockquote tienen significado semántico. Además de que pueden ser muy útiles en cuanto al SEO. ¿Sabes cómo y cuándo debes usarlas?
No Comments