创建一个html文档,运用所学的html网页标签,开发一个网页界面,要求:除了基本标签外,还需包含(字体标签、列表标签、表格标签等最少选择三个进行使用)。网页名称为迪士尼动画,里面有经典动画人物资料,影片介绍,通过选择查询影片内容详情
时间: 2024-10-09 13:03:09 浏览: 26
html 标签查询 html 标签查询 html 标签查询
5星 · 资源好评率100%
创建一个名为“迪士尼动画”的HTML文档,我们可以使用一些常见的HTML标签来构建页面结构。以下是基于您的要求的一个简单的示例:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>迪士尼动画</title>
<style>
/* 可选的样式,这里仅做简单美化 */
h1 {
font-family: Arial, sans-serif;
color: #336699;
}
ul {
list-style-type: disc;
padding-left: 20px;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
}
</style>
</head>
<body>
<!-- 标题 -->
<h1>迪士尼经典动画人物资料及影片介绍</h1>
<!-- 动画人物列表 -->
<ul>
<li><strong>米奇老鼠</strong> - 由华特·迪士尼创造,代表作:《汽船威利》</li>
<li><strong>唐老鸭</strong> - 好友米奇的搭档,系列短片如《鸭嘴兽历险记》</li>
<li><strong>白雪公主</strong> - 第一部完整动画长片,讲述了她的冒险故事</li>
</ul>
<!-- 影片介绍部分 -->
<div>
<h2>影片介绍</h2>
<p>
<a href="#冰雪奇缘">冰雪奇缘 (Frozen)</a>: 冰雪女王艾莎与妹妹安娜的冒险,赢得了全球观众的喜爱。
</p>
</div>
<!-- 表格 - 片名与简介 -->
<table id="film-details">
<caption>详细影片信息</caption>
<thead>
<tr>
<th>片名</th>
<th>简介</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#冰雪奇缘" title="点击查看详情">冰雪奇缘</a></td>
<td>讲述姐妹俩之间的深厚友情以及自我发现之旅。</td>
</tr>
<!-- 添加更多影片... -->
</tbody>
</table>
<!-- 使用锚点链接到具体内容 -->
<nav>
<a name="冰雪奇缘"></a>
查看《冰雪奇缘》详情...
</nav>
<!-- 更多查询功能可以添加搜索框或者按钮,这里省略 -->
</body>
</html>
```
阅读全文