Mostrar código html en una página web

Si se desea mostrar un código html en una página web como el que aparece a continuación:

<FRAMESET cols="*,600,*">
<frame name="izquierda" src="fondo.html">
<frame name="central" src="principal.htm">
<frame name="derecha" src="fondo.html">
</FRAMESET>

tendremos que modificar ligeramente el código que escribimos y no escribirlo tal cual se está visualizando en el párrafo anterior.

El procedimiento que tendremos que realizar será cambiar el símbolo "<" por "& lt;" (sin espacios). De esta forma conseguiremos que nos aparezca el código de manera textual y que no trate de mostrar el elemento html que represente. De esta forma el código que escribamos quedará de la siguiente forma:

& lt; FRAMESET....

Para que aparezca aquí ha sido necesario agregar un espacio tras el símbolo "&" que no es correcto para que se muestre en la página web de forma correcta pero que si no le agregase este espacio no aparecería correctamente en este blog.

usar marcos en html

Si se desean usar marcos en una página Web el código necesario para implementarlo será similar al que aparece a continuación:

<FRAMESET cols="80,*">
<frame name="central" src="central.htm">
<frame name="alto" src="top.htm">
</FRAMESET>

Como se ve siempre deberemos usar la etiqueta para realizar estos marcos. Además, existe una diferencia entre si quiero dividir en columnas o en filas. Si deseo dividir en marcos que ocupen dos o más columnas usaré la palabra cols y si quiero que ocupen dos o más filas usaré rows, en ambos casos seguido siempre del símbolo "=".

A continuación entre comillas pondré el valor de ancho o alto que quiera para cada uno de los marcos separando los valores por comas. En el ejemplo le indicamos que el marco de la izquierda (al ser cols será una división en columnas) debe tener un ancho de 80 píxeles y en el de la derecha como hemos indicado el valor "*" quiere decir que le dejaremos el tamaño que sea necesario hasta completar la resolución de la pantalla.

Dentro de las etiquetas además usamos las etiquetas que indican qué habrá en cada uno de los marcos indicando el nombre que le damos al marco mediante la asignación a name y el archivo con el que se corresponde mediante la asignación de la palabra reservada src.

Como última indicación, si quisiésemos tener una página con tres marcos para que nuestra página aparezca siempre centrada en una página Web y que a ambos lados aparezca un color de fondo siempre idéntico deberíamos tener un conjunto de marcos de la siguiente forma:

<FRAMESET cols="*,600,*">
<frame name="izquierda" src="fondo.html">
<frame name="central" src="principal.htm">
<frame name="derecha" src="fondo.html">
</FRAMESET>

De esta forma le estaríamos indicando que habrá una página principal en el centro que tendrá un ancho de 600 píxeles, que siempre se mantendrán fijos a ese tamaño. Como a los dos marcos que tenemos a ambos lados le hemos indicado un ancho variable gracias al símbolo "*", lo que hemos conseguido ha sido que a lo que sobre de la resolución que tengamos tras colocar el marco central de 600 píxeles se dividirá a derecha e izquierda con el mismo tamaño, con lo que conseguiremos tener siempre centrada nuestra página Web.