poner codigo html pero que no se ejecute

pereztroff · #1 (**permalink**) 08/05/2004, 16:00

Estoy intentando explicar en 1 pagina web cual seria la estructura del codigo html mediante un ejemplo y lo que quiero que haga el navegador es que muestre el codigo fuente y no el resultado que es lo normal.

¿como lo hago?

gracias.

PatomaS · #2 (**permalink**) 08/05/2004, 16:08

Hola

Bueno, tienes estas opciones.

- Usar textareas
- Sustituir los "<" por "<" y los ">" por ">"
- al método anterior, le agregamos el uso de la etiqueta <pre>, queda un poco más bonito.

;)

Felicidad

neodatta · #3 (**permalink**) 08/05/2004, 16:09

puedes meterlo dentro de un bloque de texto o puedes escribirlo de la siguiente forma
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<html><br>
<head><br>
<title>Untitled Document</title><br>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br>
</head>
<p><body><br>
</body><br>
</html><br>
</p>
</body>
</html>

pereztroff · #4 (**permalink**) 08/05/2004, 16:11

graciaas patomas.

pereztroff · #5 (**permalink**) 08/05/2004, 16:20

graciaas patomas.

y neodatta.

¿por cierto no hay algun programa que lo haga directamente?

lo digo porque tuve que cabiar los simbolos a mano uno por uno, pero cuando sea un codigo extenso es para morirse.

otra cosa, al usar <pre> como hago para que tome otro colorcillo de fondo el codigo??

gracias. de nuevo

PatomaS · #6 (**permalink**) 08/05/2004, 16:27

Hola

Respecto a lo del código extenso, te bastaría con utilizar la opción de sustituir que traiga tu editor, a menos que uses el block de notas, debería tener esa opción.

;)

Respecto al cambio, puedes utilizar estilos, por ejemplo así:

<style type="text/css">
pre {
color: #ff0000;
background-color: #ffffff;
}
</style>

Solo es una muestra, claro, ya los cambiarás a los colores que te agraden.

COn esas líneas, cambias tanto el fondo, como el texto, si solo quieres cambiar el texto, elimina la linea de background.

Felicidad

pereztroff · #7 (**permalink**) 08/05/2004, 16:31

gracias de nuevo patomas.

he estado probando colocar el codigo usando el otro metodo de <textarea>

pero resulta que aparece el curso y se puede borrar el texto contenido en el, en este caso el codigo, se puede bloquear de alguina manera??

gracias.

PatomaS · #8 (**permalink**) 08/05/2004, 16:46

Hola

Si, se puede evitar que sea editable, solo hay que utilizar el atributo disabled, así:

<textarea rows="1" cols="20" disabled>

Aunque yo creo que queda mejor con el pre y las sustituciones de los símbolos < y >.

Bueno, ya irás viendo cual te gusta más.

Felicidad

pereztroff · #9 (**permalink**) 08/05/2004, 16:58

si uso el pre, ¿como le pongo color de fondo a ese bloque? de codigo

para que el resto quede diferenciado.

gracias.

PatomaS · #10 (**permalink**) 08/05/2004, 17:09

Hola

eso está en el mismo código que te puse antes, el de los estilos

Felicidad

pereztroff · #11 (**permalink**) 08/05/2004, 17:19

OSTRAS

perdona por el despiste, con tanta prueba y demas.

pereztroff · #12 (**permalink**) 08/05/2004, 18:10

ya lo hice.

miren como quedo:

http://www.pereztroff.com/sec_html.php?id=42

PatomaS · #13 (**permalink**) 09/05/2004, 03:51

Hola

Bien, veo que usaste tablas para posicionarlo.

:)

Pero está muy bien...

Ahora a seguir mentiendo contenido en la página.

Mucha suerte

Felicidad