A veces es necesario colocar una etiqueta en una página web de tal manera que no realice la función asignada, sino que se muestre en la pantalla. Esto puede ser necesario, por ejemplo, al compilar libros de texto en lenguaje HTML, así como para proporcionar ejemplos de fragmentos de código en este idioma.
Instrucciones
Paso 1
La forma más rápida de representar un código HTML de ejemplo en una página web es utilizar una etiqueta. Después, coloque el fragmento de texto que desea mostrar, y se mostrará sin cambios, junto con las etiquetas colocadas en él. Luego coloque la etiqueta final. Este método tiene dos inconvenientes: en primer lugar, no es estándar, lo que significa que es posible que la página con él no pase la validación, y en segundo lugar, los navegadores antiguos que admiten la especificación HTML siguiente 4 no lo percibirán. No se mostrarán las etiquetas. en la pantalla y ejecutado. Tenga en cuenta que la etiqueta
que es estándar y es compatible con una gran cantidad de navegadores, no se puede utilizar en su lugar porque no deshabilita la ejecución de comandos.
Paso 2
Una forma bastante universal de colocar un fragmento de texto con etiquetas en una página web es insertarlo como una imagen. Para hacer esto, inicie cualquier editor de gráficos de trama, cree una nueva imagen de un tamaño suficiente en él y luego encienda la herramienta de composición tipográfica (generalmente el botón con la letra A o T se usa para esto). Mueva la flecha del mouse a la esquina superior izquierda de la imagen, presione la tecla izquierda y luego ingrese un fragmento de texto o péguelo desde el portapapeles usando las teclas Ctrl-V. Recorta la imagen (cómo hacer esto depende del editor que estés usando, por ejemplo, en GIMP, para esto necesitas seleccionar un fragmento y luego seleccionar el elemento de menú "Imagen" - "Selección de recorte"). Guarde el resultado en un archivo GIF, PNG o.jpg
Paso 3
Coloque la imagen creada en la misma carpeta del servidor que el archivo HTML en el que lo va a pegar. Luego coloque la siguiente etiqueta en el lugar correcto de este archivo:, donde image-name.extension es el nombre del archivo de imagen junto con la extensión. Si por alguna razón colocó la imagen en una carpeta diferente a la del archivo HTML, coloque la ruta completa en lugar del nombre del archivo de imagen. Tenga en cuenta que el usuario no podrá ver el fragmento de código HTML insertado de esta manera si la visualización de imágenes está desactivada en su navegador.
Paso 4
Aún más universal es la forma de colocar etiquetas HTML en la página, que consiste en utilizar sus códigos en lugar de caracteres. Para hacer esto, use los siguientes códigos: en lugar de ->. Esta técnica funciona en casi todos los navegadores, independientemente de cómo estén configurados.
