De vegades és necessari col·locar una etiqueta en una pàgina web de manera que no faci la funció que se li assigna, sinó que es mostri a la pantalla. Això pot ser necessari, per exemple, en compilar llibres de text sobre el llenguatge HTML, així com per proporcionar exemples de fragments de codi en aquest idioma.
Instruccions
Pas 1
La forma més ràpida de representar un exemple de codi HTML en una pàgina web és utilitzar una etiqueta. Després, col·loqueu el tros de text que vulgueu mostrar i es mostrarà sense canvis, juntament amb les etiquetes que s'hi col·loquen. A continuació, col·loqueu l'etiqueta final. Aquest mètode té dos inconvenients: en primer lloc, no és estàndard, el que significa que la pàgina que conté pot no passar la validació i, en segon lloc, no serà percebut pels navegadors antics que admeten l'especificació HTML següent 4. No tindran etiquetes mostrades a la pantalla i executat. Tingueu en compte que l'etiqueta
que és estàndard i és compatible amb un gran nombre de navegadors, no es pot utilitzar perquè no desactiva l'execució de l'ordre.
Pas 2
Una manera bastant universal de col·locar un tros de text amb etiquetes en una pàgina web és inserir-lo com a imatge. Per fer-ho, inicieu qualsevol editor de gràfics ràster, creeu una imatge nova de mida suficient i, a continuació, activeu l'eina de composició (normalment es fa servir el botó amb la lletra A o T). Moveu la fletxa del ratolí a l'extrem superior esquerre de la imatge, premeu la tecla esquerra i, a continuació, introduïu un tros de text o enganxeu-lo del porta-retalls mitjançant les tecles Ctrl-V. Retalleu la imatge (com fer-ho depèn de l'editor que utilitzeu, per exemple, a GIMP, per a això, heu de seleccionar un fragment i, a continuació, seleccionar l'element de menú "Imatge" - "Selecció de retallar"). Deseu el resultat en un fitxer GIF, PNG o.jpg
Pas 3
Col·loqueu la imatge creada a la mateixa carpeta del servidor que el fitxer HTML on la voleu enganxar. A continuació, col·loqueu l'etiqueta següent al lloc correcte d'aquest fitxer:, on image-name.extension és el nom del fitxer d'imatge juntament amb l'extensió. Si per algun motiu heu col·locat la imatge en una carpeta diferent com a fitxer HTML, col·loqueu-ne el camí complet en lloc del nom del fitxer de la imatge. Tingueu en compte que l'usuari no podrà veure el fragment de codi HTML inserit d'aquesta manera si la visualització d'imatges està desactivada al seu navegador.
Pas 4
Encara més universal és la manera de col·locar etiquetes HTML a la pàgina, que consisteix a utilitzar els seus codis en lloc dels caràcters. Per fer-ho, utilitzeu els codis següents: en lloc de ->. Aquesta tècnica funciona a gairebé tots els navegadors, independentment de com estiguin configurats.
