有趣的HTML网页代码
<!DOCTYPE html>
<html>
<head>
<title>有趣的HTML网页</title>
<style>
body {
background-color: #F5D0A9;
font-family: Arial, sans-serif;
text-align: center;
padding-top: 50px;
}
h1 {
color: #8A0808;
font-size: 50px;
text-shadow: 2px 2px #FFFFFF;
margin-bottom: 30px;
}
p {
color: #5E610B;
font-size: 20px;
line-height: 1.5;
margin-bottom: 20px;
}
button {
background-color: #EC971F;
color: #FFFFFF;
font-size: 24px;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
box-shadow: 2px 2px #888888;
}
button:hover {
background-color: #D58512;
}
</style>
</head>
<body>
<h1>欢迎来到有趣的HTML网页</h1>
<p>这是一个简单的HTML网页示例，用于展示一些有趣的HTML代码。</p>
<button onclick="alert('你点击了按钮！')">点击这里</button>
<p>以上是一个简单的按钮，点击后会弹出一个警告框。</p>
<p>还有很多有趣的HTML代码可以使用，比如：</p>
<ul>
<li><code><marquee></code>标签可以让文本滚动</li>
<li><code><blink></code>标签可以让文本闪烁</li>
<li><code><img></code>标签可以插入图片</li>
<li><code><a></code>标签可以创建链接</li>
<li><code><audio></code>标签可以播放音频</li>
<li><code><video></code>标签可以播放视频</li>
</ul>
<p>以上标签可以用于创建更加有趣的网页效果。</p>
</body>
</html
原文地址: https://www.cveoy.top/t/topic/fsee 著作权归作者所有。请勿转载和采集!