Html 显示分区中链接的内容

我正在尝试做一个网站 我在侧栏中有三个链接 故事1-2-3 我想要的是（当按下任何链接时..我希望该链接的内容显示在蓝色（主1）分区>我该怎么做

<style>
    #wrapper{
    color:#FF00FF;
    margin:0px auto;
    padding:0px;
    width:1050px;
    height 1000px; 
    }

    #header
    {
    margin:0px;
    padding:0px;
    width:1000px;
    height:100px;
    background-color:#F74E84;
    }
    #content
    {
    margin:0px;
    padding:0px;
    width:1000px;
    }

    #side
    {

    border-right:dashed;
    border-right-color:#F74E84;
    margin:0px;
    padding:0px;
    width:247px;
    height:700px;
    background-color:#F7C9D8;
    float:left;
    }
    #side ul { list-style-type: none; }
    #side a { text-decoration:none;
              color:black;}
    #main
    {
    background-color:red;
    margin:0px;
    padding:0px;
    width:750px;
    height:700px;
    float:right;
    }
    #main1
    {
    margin:0px;
    padding:0px;
    width:750px;
    height:650px;
    background-color:#DFE4E9;
    float:right;
    }
    #footer
    {
    margin:0px;
    padding:0px;
    width:750px;
    height:50px;
    background-color:#F74E84;
    float: right;
    }

    </style>
    <div id="wrapper">
            <div id="header"> Header </div>
        <div id="content">
        <div id="side"><p>Here is navigation</p>
<ul>
<li><a href="text.html">Story 1</a></li>
<li><a href="Second.html">Story 2</a></li>
<li><a href="Third.html">Story 3</a></li>
</ul></div>
        <div id="main">
        <div id="main1">
        <p>This is my web site </p>
        </div>
        <div id="footer">Footer</div>
     </div>
     </div>
     </div>

#包装纸{
颜色：#FF00FF；
保证金：0px自动；
填充：0px；
宽度：1050px；
高度1000px；
}
#标题
{
边际：0px；
填充：0px；
宽度：1000px；
高度：100px；
背景色：#F74E84；
}
#内容
{
边际：0px；
填充：0px；
宽度：1000px；
}
#侧面
{
右边框：虚线；
右边框颜色：#F74E84；
边际：0px；
填充：0px；
宽度：247px；
高度：700px；
背景色：#F7C9D8；
浮动：左；
}
#侧面ul{列表样式类型：无；}
#a侧{文字装饰：无；
颜色：黑色；}
#主要
{
背景色：红色；
边际：0px；
填充：0px；
宽度：750px；
高度：700px；
浮动：对；
}
#main1
{
边际：0px；
填充：0px；
宽度：750px；
高度：650px；
背景色：#DFE4E9；
浮动：对；
}
#页脚
{
边际：0px；
填充：0px；
宽度：750px；
高度：50px；
背景色：#F74E84；
浮动：对；
}
标题
这里是导航






这是我的网站

页脚

在div中放置一个iframe，并给它一个id，比如“theu frame”。然后使用相同的值向链接添加一个target属性

<a href="http://www.website.com" target="the_frame">website</a>

<iframe id="the_frame">  <!-- the link will be loaded inside here -->
</iframe>

---

请注意，出于安全原因，许多网站不允许您将其网站嵌入iframe中，这对您自己网站上的页面很好（尽管这可能取决于服务器配置）

是的，我将创建我自己的页面=）是的，您可以指定iframe的高度和宽度属性。