帮我写一个关于蔡徐坤的html的代码,需要大学生水平。需要四个页面和16个跳转必须要有图片和视频。要用上表格框架。
时间: 2024-06-09 12:09:26 浏览: 4
好的,以下是一个基本的蔡徐坤主题网站的HTML代码,包括四个页面、16个链接、图片和视频:
```html
<!DOCTYPE html>
<html>
<head>
<title>蔡徐坤主题网站</title>
<style>
/* 样式表 */
</style>
</head>
<body>
<!-- 导航栏 -->
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="profile.html">个人资料</a></li>
<li><a href="music.html">音乐作品</a></li>
<li><a href="dance.html">舞蹈作品</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</nav>
<!-- 首页 -->
<section id="home">
<h1>蔡徐坤主题网站</h1>
<img src="cxk.jpg" alt="蔡徐坤" />
<p>欢迎来到蔡徐坤主题网站!在这里你可以了解蔡徐坤的个人资料、欣赏他的音乐和舞蹈作品,以及与我们联系。</p>
<video src="cxk.mp4" controls></video>
</section>
<!-- 个人资料 -->
<section id="profile">
<h2>个人资料</h2>
<table>
<tr>
<th>姓名</th>
<td>蔡徐坤</td>
</tr>
<tr>
<th>生日</th>
<td>1998年8月2日</td>
</tr>
<tr>
<th>星座</th>
<td>狮子座</td>
</tr>
<tr>
<th>身高</th>
<td>180cm</td>
</tr>
<tr>
<th>出生地</th>
<td>湖南省长沙市</td>
</tr>
<tr>
<th>代表作品</th>
<td>《Wait Wait Wait》、《You Can Dance》、《I Wanna Get Love》、《YOUNG》</td>
</tr>
</table>
</section>
<!-- 音乐作品 -->
<section id="music">
<h2>音乐作品</h2>
<ul>
<li><a href="#">《Wait Wait Wait》</a></li>
<li><a href="#">《You Can Dance》</a></li>
<li><a href="#">《I Wanna Get Love》</a></li>
<li><a href="#">《YOUNG》</a></li>
<li><a href="#">更多音乐作品</a></li>
</ul>
</section>
<!-- 舞蹈作品 -->
<section id="dance">
<h2>舞蹈作品</h2>
<ul>
<li><a href="#">《HONEY》</a></li>
<li><a href="#">《NEVER GIVE UP》</a></li>
<li><a href="#">《Young For You》</a></li>
<li><a href="#">《YOUNG》</a></li>
<li><a href="#">更多舞蹈作品</a></li>
</ul>
</section>
<!-- 联系我们 -->
<section id="contact">
<h2>联系我们</h2>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required><br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea><br>
<input type="submit" value="提交">
</form>
</section>
</body>
</html>
```
你可以根据需要修改样式表和页面内容,添加更多图片和视频,以及进一步优化代码。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)