04 Nov Cuando el único remedio es usar caracteres escapados
Una pregunta frecuente en los cursos de web es por qué se explica el concepto de caracteres escapados y/ códigos html de caracteres.
Este es un ejercicio con el que a menudo me gusta responder.
Simplemente hay ocasiones en las que es lo más práctico o no te queda más remedio.
Las siguientes publicaciones y ejercicios te pueden resultar de interés.
Pasemos entonces al enunciado y resolución del ejercicio.
Enunciado
Escribe en un documento web el siguiente texto teniendo en cuenta que se usan los encabezados h1 a h6.

Solución del ejercicio
El símbolo < se escapa como <
El símbolo > se escapa como >
Notar que sólo es necesario escapar el < o el >.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="francescricart.com"/>
<title>Ejercicio html</title>
</head>
<body>
<h1>esto es un contenido <h1></h1>
<h2>esto es un contenido <h2></h2>
<h3>esto es un contenido <h3></h3>
<h4>esto es un contenido <h4></h4>
<h5>esto es un contenido <h5></h5>
<h6>esto es un contenido <h6></h6>
</body>
</html>
¡Hola!
Querido lector,
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
Entradas relacionadas:
¿Existe alguna herramienta gratuita, rápida y sencilla de usar para dibujar el croquis de una maqueta web? + info en la publicación.
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?
Ejercicio html dónde practicarás primero con el word de Office y después mediante html el estructurado correcto de los encabezados de un documento web mediante h1, h2 y h3
¿Hay alguna forma amable de leer páginas web dónde todo el contenido se haya compactado? Te presento algunas de mis herramientas favoritas.
Renfe en huelga. Una historia que se repite y un programador algo cansado de escribir siempre el mismo código. ¡Con capturas de pantalla!
Ejercicio html dónde se práctica como anidar correctamente una lista no ordenada. Esta lista simula un futuro menú de navegación. Incluye solución.
No Comments