页面底部隐藏友情链接1万条怎么做到，写出html

这个问题涉及到前端的知识，对于SEO来说也不是一个好的实践。如果你非要这么做，可以使用CSS的定位和显示隐藏属性来实现。

示例代码如下：

HTML部分：

<div class="hidden-links">
    <ul>
        <li><a href="#">友情链接1</a></li>
        <li><a href="#">友情链接2</a></li>
        <li><a href="#">友情链接3</a></li>
        ...
        <li><a href="#">友情链接10000</a></li>
    </ul>
</div>

CSS部分：

.hidden-links {
    position: fixed;
    bottom: -9999px;
    left: 0;
    right: 0;
}

.hidden-links ul {
    display: none;
}

这样，页面底部的友情链接就会被隐藏，但是搜索引擎爬虫可以读取到这些链接。如果需要显示这些链接，可以通过JavaScript来动态修改CSS属性。