HTML语言详解：框架<frame>标记属性

HTML

需积分: 10 31 浏览量更新于2024-08-22 收藏 3.17MB PPT 举报

身份认证购VIP最低享 7 折!

30元优惠券

该资源是一个关于HTML语言的PPT，特别关注了单个框架`<frame>`标记的属性。在HTML中，`<frame>`标签用于创建一个多框架文档中的单个框架，允许网页内容在独立的窗口或者区域中显示。在讲解`<frame>`标记的属性时，提到了以下几点： 1. `src`: 这个属性指定了要在框架中加载的网页文件的URL。它是框架内容的来源，确保了特定网页能在指定的框架内显示。 2. `name`: 每个框架都需要一个唯一的名称，以便通过`<a>`标签的`target`属性来引用和导航。这使得可以控制链接在哪个框架内打开。 3. `noresize`: 当设置为`noresize`时，用户无法通过拖动边框来调整框架的大小，从而保持框架尺寸的固定。 4. `frameborder`: 控制框架周围是否显示边框。值为`no`时，框架没有边框；为`yes`时，显示边框。 5. `border`: 用来设置边框的宽度，但只有当`frameborder`设置为`yes`时，这个属性才生效。 6. `scrolling`: 决定框架内是否显示滚动条。可选值包括`yes`（显示滚动条）、`no`（不显示滚动条）和`auto`（根据需要自动显示滚动条）。此外，PPT涵盖了HTML的基础知识，包括： - HTML概述：解释了HTML是超文本标记语言，用于编写网页，并介绍了HTML文件的结构和扩展名。 - 文字布局和页面：这部分可能涉及到如何使用HTML元素来设置文本样式、段落和标题等。 - 表格：HTML提供了`<table>`标签来创建和格式化表格。 - 超链接：`<a>`标签用于创建链接，允许用户跳转到其他页面或资源。 - 框架网页：详细讲解了`<frameset>`和`<frame>`标签，以及如何构建多框架网页。 - 滚动文字：可能涉及`<marquee>`标签，用于创建在页面上移动的文本效果。这个PPT是学习HTML基础知识，特别是框架技术的一个很好的资源，涵盖了从基本概念到具体应用的多个方面。通过学习这些内容，读者能够理解和创建自己的HTML网页，包括设置文字样式、组织内容、创建链接和利用框架进行更复杂的布局设计。

资源推荐

<?php // 连接数据库 $conn = new mysqli("localhost", "root", "123456", "wyya"); // 检查连接是否成功 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // 查询数据 $tables = array("one_list", "two_list", "three_list", "four_list", "five_list"); $data = array(); foreach ($tables as $table) { $sql = "SELECT * FROM " . $table; $result = mysqli_query($conn, $sql); if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { $row['语种'] = substr($table, 0, -5); // 获取语种名称 $data[] = $row; } } } // 渲染 HTML 模板 ?> <!DOCTYPE html> <html> <head> <title>网易云音乐歌单</title> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #f2f2f2; } th { background-color: #4CAF50; color: white; } .language-button { background-color: #f2f2f2; padding: 8px 16px; border: none; cursor: pointer; display: inline-block; margin-right: 10px; } .chinese { color: #e60000; } .english { color: #0066cc; } .japanese { color: #ff9900; } .korean { color: #3385ff; } .cantonese { color: #009933; } </style> </head> <body>

网易云音乐歌单

<form method="get" action=""> <input type="hidden" name="table" value="<?php echo $tables[0]; ?>"> <button type="submit" class="language-button chinese">华语</button> </form> <form method="get" action=""> <input type="hidden" name="table" value="<?php echo $tables[1]; ?>"> <button type="submit" class="language-button english">英语</button> </form> <form method="get" action=""> <input type="hidden" name="table" value="<?php echo $tables[2]; ?>"> <button type="submit" class="language-button japanese">日语</button> </form> <form method="get" action=""> <input type="hidden" name="table" value="<?php echo $tables[3]; ?>"> <button type="submit" class="language-button korean">韩语</button> </form> <form method="get" action=""> <input type="hidden" name="table" value="<?php echo $tables[4]; ?>"> <button type="submit" class="language-button cantonese">粤语</button> </form>

<?php if (!empty($data)) { ?> <?php foreach ($data as $row) { ?> <?php } ?>

歌单名歌单地址歌曲量播放量收藏量评论量分享量创建者创建时间
<?php echo $row['歌单名']; ?> <?php echo $row['歌单地址']; ?> <?php echo $row['歌曲量']; ?> <?php echo $row['播放量']; ?> <?php echo $row['收藏量']; ?> <?php echo $row['评论量']; ?> <?php echo $row['分享量']; ?> <?php echo $row['创建者']; ?> <?php echo $row['创建时间']; ?>

<?php } else { ?>
暂无数据
<?php } ?> </body> </html> <?php // 关闭连接 $conn->close()0>修改代码，通过点击按钮展示出对应的单个歌单

歌单名	歌单地址	歌曲量	播放量	收藏量	评论量	分享量	创建者	创建时间
<?php echo $row['歌单名']; ?>	<?php echo $row['歌单地址']; ?>	<?php echo $row['歌曲量']; ?>	<?php echo $row['播放量']; ?>	<?php echo $row['收藏量']; ?>	<?php echo $row['评论量']; ?>	<?php echo $row['分享量']; ?>	<?php echo $row['创建者']; ?>	<?php echo $row['创建时间']; ?>