gpt4 book ai didi

html - 在分区中显示链接的内容

转载 作者:行者123 更新时间:2023-11-28 13:04:55 24 4
gpt4 key购买 nike

我正在尝试做一个网站我在侧栏中有三个链接故事 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>

最佳答案

在 div 中放置一个 iframe,并给它一个 id,比如 'the_frame'。然后将目标属性添加到您的链接,具有相同的值

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

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

请注意,出于安全原因,许多网站不允许您将他们的网站嵌入到 iframe 中,这对于您自己网站上的页面来说效果很好(尽管这可能取决于服务器配置)

关于html - 在分区中显示链接的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20498037/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com