Grazie per la risposta cavicchiandrea 
Quello che vorrei creare io è simile al link che ho messo nel mio vecchio post ma vorrei crearlo in modo molto più semplice, ovvero vorrei dividere una pagina html in due frame uno destro e uno sinistro; Poi mettere nel frame destro una qualsiasi pagina web visualizzabile tranquillamente dai vari browser e nello stesso tempo far apparire nel frame sinistro il codice sorgente del frame destro, e vorrei sia modificabile dinamicamente dal browser stesso in vari punti già prestabiliti (come l'inserimento di un'immagine, il cambio di un testo, l'aggiunta di un tag[*], e cosi via) tramite vari form o pulsanti. Non so se mi sono spiegato ti scrivo la bozza del codice per farti capire meglio.
FILE HTML
codice:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Documento senza titolo</title>
<link href="Senzatitolo-3.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="contenent1">
<div class="contenent2">
<div class="contenent4">
<iframe src="Frame sx.html" height="750" width="450" frameborder="0">
</iframe>
</div>
</div>
<div class="contenent3">
<div class="contenent9">
<div class="contenent8">
<iframe src="Frame dx.html" height="480" width="320" frameborder="0">
</iframe>
</div>
</div>
</div>
</div>
</body>
</html>
FILE CSS
codice:
@charset "UTF-8";
/* CSS Document */
.contenent1 {
height:1050px;
width:1050px;
background-color:#00FF00;
}
.contenent2 {
height:1000px;
width:500px;
float:left;
background-color:#993333;
margin-top:25px;
margin-left:20px;
}
.contenent3 {
height:1000px;
width:500px;
float:left;
background-color:#FF66FF;
margin-top:25px;
margin-left:10px;
}
.contenent4 {
height:750px;
width:450px;
float:left;
margin-top:125px;
margin-left:25px;
background-color:#FFF;
}
.contenent8 {
height:480px;
width:320px;
float:left;
margin-top:50px;
margin-left:50px;
background-color:#FFF;
}
.contenent9 {
height:580px;
width:420px;
float:left;
margin-top:200px;
margin-left:50px;
background-color:#FF6;
}
.contenent10 {
height:480px;
width:320px;
}
FRAME SX
codice:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Documento senza titolo</title>
</head>
<body>
<h1>Qui deve apparire il codice sorgente del frame destro</h1>
<h3>Da qui all'interno del browser io dovrei riuscire a cambiare in modo dinamico tramite form e pulsanti il codice sorgente del frame destro cosi da vedere in tempo reale i miei risultati nel frame destro</h3>
</body>
</html>
FRAME DX
codice:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Documento senza titolo</title>
</head>
<body>
<h1>Qui ce la pagina html visualizzabile dai browser</h1>
<h3>Dove ci sono le varie immagini, tabelle , testi e tutto cio che puo contenere una normalissima pagina web</h3>
</body>
</html>
Spero di essere stato chiaro perche non so proprio da dove iniziare 
Grazie per l'aiuto!! 
Rispondi quotando
