HTML滚动公告栏代码是用HTML标签和CSS样式来实现，在网站上经常用来滚动展示新闻，公告和广告等信息。我们可以通过pre标签来展示代码。首先，我们需要先编写HTML结构，然后使用CSS样式来美化其外观。一个基本的HTML滚动公告栏代码如下所示：

<p ><ul ><li>这是一则新闻</li><li>这是一则公告</li><li>这是一则广告</li></ul></p>

在上面的代码中，我们使用了p标签来包裹整个滚动公告栏，设置了class为"scroll-news"，用于后面的CSS样式调用。接着，我们使用了ul标签来创建一个无序列表，class为"news-list"，代表滚动的新闻、公告和广告等数据，列表项则使用li标签包裹。接下来，我们需要使用CSS样式来美化我们的滚动公告栏。可以设置外边距、背景色、字体颜色等属性来实现。

.scroll-news{width: 100%;height: 30px;overflow: hidden;margin: 10px 0;background: #f1f1f1;}.news-list{list-style: none;margin: 0;padding: 0;display: inline-block;animation: news-scroll 10s linear infinite;}.news-list li{display: inline-block;padding: 0 20px;line-height: 30px;color: #666;}@keyframes news-scroll {0% {transform: translateX(0);}100% {transform: translateX(-100%);}}

在CSS样式中，我们使用了scroll-news类来设置外边距、高度和背景颜色等属性，使其看起来更加美观。接着，我们使用了news-list类来设置无序列表的样式，包括设置为无序列表、去掉默认样式、设置为内联块级元素，以及设置动画效果。我们使用了li标签来设置列表项的样式，包括设置为内联块级元素、设置间距和行高、以及设置字体颜色。最后，我们使用了@keyframes规则来设置动画效果。通过上述代码，我们就可以实现一个基本的HTML滚动公告栏，可以使用JavaScript来动态替换公告消息，实现滚动展示。