<!DOCTYPE html>
Original Code Page
<br>
function copyCodeToClipboard() {<br>
// 要复制的代码<br>
var code = <code><!DOCTYPE html><br>
<html lang="en"><br>
<head><br>
<meta charset="UTF-8"><br>
<meta name="viewport" content="width=device-width, initial-scale=1.0"><br>
<title>简单的网页示例</title><br>
<style><br>
body {<br>
font-family: Arial, sans-serif;<br>
margin: 0;<br>
padding: 0;<br>
background-color: #f7f7f7;<br>
}<br>
.container {<br>
width: 80%;<br>
margin: auto;<br>
overflow: hidden;<br>
}<br>
header {<br>
background: #333;<br>
color: white;<br>
padding: 20px;<br>
text-align: center;<br>
}<br>
nav {<br>
background: #555;<br>
color: white;<br>
padding: 10px 0;<br>
text-align: center;<br>
}<br>
nav a {<br>
color: white;<br>
text-decoration: none;<br>
margin: 0 15px;<br>
}<br>
nav a:hover {<br>
text-decoration: underline;<br>
}<br>
.content {<br>
padding: 20px;<br>
}<br>
footer {<br>
background: #333;<br>
color: white;<br>
text-align: center;<br>
padding: 10px;<br>
position: fixed;<br>
bottom: 0;<br>
width: 100%;<br>
}<br>
</style><br>
</head><br>
<body><br>
<header><br>
<h1>我的网页标题</h1><br>
</header><br>
<nav><br>
<a href="#">首页</a><br>
<a href="#">关于我们</a><br>
<a href="#">服务</a><br>
<a href="#">联系我们</a><br>
</nav><br>
<div class="container"><br>
<div class="content"><br>
<h2>欢迎来到我的网页</h2><br>
<p>这是一个简单的 HTML 网页示例。您可以根据需要修改和扩展这个模板。</p><br>
<img src="https://via.placeholder.com/150&quot; alt="示例图片"><br>
<h3>列表示例</h3><br>
<ul><br>
<li>列表项一</li><br>
<li>列表项二</li><br>
<li>列表项三</li><br>
</ul><br>
<h3>有序列表示例</h3><br>
<ol><br>
<li>有序列表项一</li><br>
<li>有序列表项二</li><br>
<li>有序列表项三</li><br>
</ol><br>
</div><br>
</div><br>
<footer><br>
<p>版权所有 &copy; 2024 简单网页</p><br>
</footer><br>
</body><br>
</html></code>;</p>
<div class="highlight"><pre class="highlight plaintext"><code> // 将代码复制到剪贴板
navigator.clipboard.writeText(code).then(function() {
alert("代码已复制到剪贴板。");
}, function() {
alert("复制到剪贴板失败,请手动复制。");
});
}
function goToW3CSchool() {
// 跳转到 w3cschool 的在线编译器页面
window.location.href = "https://www.w3cschool.cn/tryrun/runcode?lang=html";
}
</script>
</code></pre></div>
<p></head><br>
<body><br>
<h1>请复制以下代码到 w3cschool 的在线编译器中:</h1><br>
<p><textarea readonly style="width: 100%; height: 150px;"><br>
<!DOCTYPE html><br>
<html><br>
<head><br>
<title>Hello World Example</title><br>
</head><br>
<body><br>
<h1>Hello World</h1><br>
</body><br>
</html><br>
</textarea></p><br>
<button onclick="copyCodeToClipboard()">复制代码</button><br>
<button onclick="goToW3CSchool()">跳转到 w3cschool 在线编译器</button><br>
</body><br>
</html></p>
Top comments (0)