The simplest way of achieving something similar to what you ask is by using the TITLE property of the SPAN tag. This is intended for tool tips, but can contain any text you like. Only is is not specific to a linked page. e.g.
<p>The character <span title="Romeo, Romeo wherefore art thou Romeo...">Juliette</span> 's speech is one of the most well known...</p>
To do something closer to what you ask would require an IFrame something like:
<p>The character <a href="speeches/speech100.html" target="frame01">Juliette</a> 's speech is one of the most well known...</p>
<iframe name="frame01" width="240" height="240" style="float:right;"></iframe>
Then in a separate html page called, say, "speech100.html" in the sub-folder "speeches" you would have the speech:
<p>Romeo, Romeo wherefore art thou Romeo...</p>
The above is just an outline. The speech document should be a complete, valid html page in its own right.
Note: By default, web bots can see and index the speech pages separately from the intended web page. One way of getting round that is to put the speech docs in a sub-folder (as suggested) and put an instruction not to index the sub-folder in the robots.txt file. Google "robots.txt" for instructions on how to create a robots.txt file, and where it must be placed.