用html写一个微博热搜榜单

好的，以下是一个简单的微博热搜榜单的HTML代码：

<div class="weibo-hot">
  <h2>微博热搜榜</h2>
  <ol>
    <li><a href="#">#话题1#</a></li>
    <li><a href="#">#话题2#</a></li>
    <li><a href="#">#话题3#</a></li>
    <li><a href="#">#话题4#</a></li>
    <li><a href="#">#话题5#</a></li>
    <li><a href="#">#话题6#</a></li>
    <li><a href="#">#话题7#</a></li>
    <li><a href="#">#话题8#</a></li>
    <li><a href="#">#话题9#</a></li>
    <li><a href="#">#话题10#</a></li>
  </ol>
</div>

上述代码中，我们创建了一个名为weibo-hot的父元素，其包含一个标题h2和一个有序列表ol。ol中包含了10个li元素，每个li元素中都有一个a元素，用于链接到相应的微博热搜话题页面。

该实例的效果是：展示了一个简单的微博热搜榜单，包含热门话题名称和链接。你可以根据需要对其进行样式美化和功能扩展。

相关问题

用css写一个完整微博热搜榜单

好的，以下是一个完整的微博热搜榜单的HTML和CSS代码：

HTML代码：

<div class="weibo-hot">
  <div class="weibo-hot-header">
    <h2>微博热搜榜</h2>
    <a href="#">更多</a>
  </div>
  <ol>
    <li>
      <span class="weibo-hot-rank">1</span>
      <a href="#">#话题1#</a>
      <span class="weibo-hot-trend up">↑</span>
    </li>
    <li>
      <span class="weibo-hot-rank">2</span>
      <a href="#">#话题2#</a>
      <span class="weibo-hot-trend down">↓</span>
    </li>
    <li>
      <span class="weibo-hot-rank">3</span>
      <a href="#">#话题3#</a>
      <span class="weibo-hot-trend up">↑</span>
    </li>
    <li>
      <span class="weibo-hot-rank">4</span>
      <a href="#">#话题4#</a>
      <span class="weibo-hot-trend up">↑</span>
    </li>
    <li>
      <span class="weibo-hot-rank">5</span>
      <a href="#">#话题5#</a>
      <span class="weibo-hot-trend down">↓</span>
    </li>
    <li>
      <span class="weibo-hot-rank">6</span>
      <a href="#">#话题6#</a>
      <span class="weibo-hot-trend up">↑</span>
    </li>
    <li>
      <span class="weibo-hot-rank">7</span>
      <a href="#">#话题7#</a>
      <span class="weibo-hot-trend down">↓</span>
    </li>
    <li>
      <span class="weibo-hot-rank">8</span>
      <a href="#">#话题8#</a>
      <span class="weibo-hot-trend up">↑</span>
    </li>
    <li>
      <span class="weibo-hot-rank">9</span>
      <a href="#">#话题9#</a>
      <span class="weibo-hot-trend down">↓</span>
    </li>
    <li>
      <span class="weibo-hot-rank">10</span>
      <a href="#">#话题10#</a>
      <span class="weibo-hot-trend up">↑</span>
    </li>
  </ol>
</div>

CSS代码：

.weibo-hot {
  width: 300px;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
}

.weibo-hot-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.weibo-hot h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
}

.weibo-hot-header a {
  font-size: 12px;
  color: #666;
  text-decoration: none;
  border: 1px solid #ccc;
  padding: 5px 10px;
  border-radius: 3px;
}

.weibo-hot-header a:hover {
  background-color: #f5f5f5;
}

.weibo-hot ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.weibo-hot li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

.weibo-hot-rank {
  font-size: 16px;
  font-weight: bold;
  color: #f00;
  margin-right: 5px;
}

.weibo-hot li a {
  color: #333;
  text-decoration: none;
}

.weibo-hot-trend {
  font-size: 14px;
  font-weight: bold;
  color: #666;
  margin-left: 5px;
}

.weibo-hot-trend.up {
  color: #f00;
}

.weibo-hot-trend.down {
  color: #0f0;
}

上述代码中，我们增加了一个weibo-hot-header元素，用于包含标题和更多按钮。ol元素中每个li元素都包含排名、话题名称和趋势箭头。我们使用flex布局对weibo-hot-header和li元素进行了排列，设置了一些字体、颜色、边框和填充等样式。

该实例的效果是：展示了一个样式美化和功能完善的微博热搜榜单，包含热门话题名称、排名和趋势箭头等信息。你可以根据需要对其进行样式和功能扩展。

用python写一个微博热搜爬虫

可以使用Python的requests和BeautifulSoup库来实现微博热搜爬虫。首先，需要发送GET请求获取微博热搜页面的HTML代码，然后使用BeautifulSoup解析HTML代码，提取出热搜榜单的信息。以下是示例代码：

import requests
from bs4 import BeautifulSoup

url = 'https://s.weibo.com/top/summary?cate=realtimehot'
headers = {
    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.3'}
response = requests.get(url, headers=headers)
soup = BeautifulSoup(response.text, 'html.parser')
hot_list = soup.select('.td-02')

for hot in hot_list:
    print(hot.text.strip())

这段代码会输出当前微博热搜榜单的前50条热搜话题。