下面是一个简单的HTML横幅代码示例,你可以根据需要进行修改和美化。
```html
<!DOCTYPE html>
<html>
<head>
<title>横幅示例</title>
<style>
/* 横幅样式 */
.banner {
background-color: #000;
color: #fff;
padding: 10px;
text-align: center;
}
.banner h1 {
margin: 0;
}
</style>
</head>
<body>
<div class="banner">
<h1>这是一个横幅</h1>
<p>欢迎访问我们的网站!</p>
</div>
</body>
</html>
```
在这个示例中,我们使用了一个`div`元素作为横幅容器,并将其样式命名为"banner"。通过CSS样式,我们设置了横幅的背景颜色为黑色,字体颜色为白色,内边距为10像素,并居中显示文本内容。
在`div`元素内部,我们使用了一个`h1`标签来显示标题文本,并将其外边距设置为0,以去除默认的上下边距。您可以根据需要添加其他元素或修改样式来满足您的需求。
请注意,您可以根据实际情况修改样式,并根据需要添加其他内容或元素来完善横幅效果。