用html和css写一个知乎首页
时间: 2023-01-17 14:46:03 浏览: 93
HTML (HyperText Markup Language) 是用来描述网页的一种语言,而 CSS (Cascading Style Sheets) 则是用来控制网页的外观样式的。
要用 HTML 和 CSS 写一个知乎首页,首先应该先分析知乎首页的布局,确定要使用哪些 HTML 标签和 CSS 属性来表示每个元素。
一个简单的知乎首页 HTML 代码可能如下所示:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>知乎</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="logo">知乎</div>
<form>
<input type="text" placeholder="搜索">
<button type="submit">搜索</button>
</form>
<nav>
<a href="#">首页</a>
<a href="#">发现</a>
<a href="#">话题</a>
<a href="#">消息</a>
<a href="#">我的</a>
</nav>
</header>
<main>
<div class="banner">
<img src="banner.jpg" alt="欢迎来到知乎">
</div>
<div class="questions">
<h2>热门问题</h2>
<ul>
<li><a href="#">这是一个问题</a></li>
<li><a href="#">这是另一个问题</a></li>
<li><a href="#">这是还有一个问题</a></li>
</ul>
</div>
<div class="topics">
<h2>热门话题</h2>
<ul>
<li><a href="#">这是一个话题</a></li>
<li><a href="#">这是另一个话题</a></li>
<li><a href="#">这是还有一个话题</a></li>
</ul>
</div>