缩小网页
缩小网页
提问于 2020-06-18 17:52:49
首先，我完全不知道我在做什么，并且设法从内部网中拼凑出一些片段，为我的作品内部网制作了一个网页。
当它打开时，它显示良好，链接按预期工作，但是，页面内容会自动最小化，直到它几乎完全消失。刷新页面会将其设置为全屏。
这是我到目前为止所做的--可能会让一些人发笑，因为它很可能是各种错误的哈哈哈：)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<body>
<style>
* {
box-sizing: border-box
}
/* Set height of body and the document to 100% */
body,
html {
height: 1000px;
margin: auto;
font-family: Arial, Helvetica, sans-serif;
}
/* Style tab links */
.tablink {
background-color: #9AE0F4;
color: White;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
font-size: 25px;
font-weight: bold;
width: 20%;
}
.tablink:hover {
background-color: #777;
}
/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
display: none;
padding: 100px 20px;
height: 100%;
}
#Home {
background-color: #85C1E9;
}
#Standard {
background-color: #C49AF4;
}
#Niche {
background-color: #FC9A70;
}
#Bike {
background-color: #F9B7FF;
}
#FCA {
background-color: Pink;
}
</style>
<button class="tablink" onclick="openPage('Home', this, '#85C1E9')" id="defaultOpen">Home</button>
<button class="tablink" onclick="openPage('Standard', this, '#C49AF4')">Standard</button>
<button class="tablink" onclick="openPage('Niche', this, '#FC9A70')">Niche</button>
<button class="tablink" onclick="openPage('Bike', this, '#F9B7FF')">Bike</button>
<button class="tablink" onclick="openPage('FCA', this, 'Pink')">FCA</button>
<div id="Home" class="tabcontent">
<style>
a:link,
a:visited {
color: Black;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 20px 25px;
margin: 5px;
font-size: 17px;
text-align: center;
text-decoration: none;
display: inline-block;
position: relative;
width: 240px;
height: 80px;
top: 0px;
border-radius: 25px;
border: 5px #85C1E9;
}
</style>
<a href=" http://intranet3000/ " target="_blank" style="background: #E5E4E2 "> Audit Summaries </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #00FFFF "> Client Unsubscribe </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #4863A0 "> Company Information </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #728C00 "> EPA Page </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #FDD017 "> Extensions </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #9172EC "> Fire Procedure </a>
</div>
<div id="Standard" class="tabcontent">
<a href=" http://intranet3000/ " target="_blank" style="background: #E5E4E2 "> Audit Summaries </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #00FFFF "> Client Unsubscribe </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #4863A0 "> Company Information </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #728C00 "> EPA Page </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #FDD017 "> Extensions </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #9172EC "> Fire Procedure </a>
</div>
<div id="Niche" class="tabcontent">
<a href=" http://intranet3000/ " target="_blank" style="background: #E5E4E2 "> Audit Summaries </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #00FFFF "> Client Unsubscribe </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #4863A0 "> Company Information </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #728C00 "> EPA Page </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #FDD017 "> Extensions </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #9172EC "> Fire Procedure </a>
</div>
<div id="Bike" class="tabcontent">
<a href=" http://intranet3000/ " target="_blank" style="background: #E5E4E2 "> Audit Summaries </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #00FFFF "> Client Unsubscribe </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #4863A0 "> Company Information </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #728C00 "> EPA Page </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #FDD017 "> Extensions </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #9172EC "> Fire Procedure </a>
</div>
<div id="FCA" class="tabcontent">
<a href=" http://intranet3000/ " target="_blank" style="background: #E5E4E2 "> Audit Summaries </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #00FFFF "> Client Unsubscribe </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #4863A0 "> Company Information </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #728C00 "> EPA Page </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #FDD017 "> Extensions </a>
<a href=" http://intranet3000/ " target="_blank" style="background: #9172EC "> Fire Procedure </a>
</div>
<script>
function openPage(pageName,elmnt,color) {
var i, tabcontent, tablinks;
tabcontent = document.querySelectorAll(".tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.querySelectorAll(".tablink");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].style.backgroundColor = "";
}
document.getElementById(pageName).style.display = "block";
elmnt.style.backgroundColor = color;
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
</body>
</head>
</html>
然后，在此之后，works intranet中会有大量指向页面的超链接。
提前感谢，任何回应请记住，我不知道我在做什么，并引用令人惊讶的是，我已经走到了这一步：)
回答 1
Stack Overflow用户
发布于 2020-06-18 18:15:54
您不能在一个页面中有两个<head>标记，也不能在没有关闭的<body>标记之后添加<head>标记。您也没有关闭您的<div>标签。从这个开始。您需要清理代码，最好将CSS分离到一个不同的文件中，并使用<link>标记将其链接到index.html。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62447261
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号