HTML案例 • 【第3章小说排行榜】

最新推荐文章于 2023-10-28 21:26:49 发布

.冯上

最新推荐文章于 2023-10-28 21:26:49 发布

阅读量1.1k

点赞数 1

分类专栏： HTML CSS学习进度文章标签： html

本文链接：https://blog.csdn.net/qq_51756226/article/details/110291526

版权

HTML CSS学习进度专栏收录该内容

5 篇文章 0 订阅

订阅专栏

全部章节 >>>>

练习一

<小说排行榜>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1" width="600" cellspacing="0" cellpadding="0">
    <caption><p><h3>小说排行榜</h3></p></caption>
    <tr>
        <th width="40">排名</th>
        <th width="80">关键词</th>
        <th width="40">趋势</th>
        <th width="100">今日搜索</th>
        <th width="100">最近七日</th>
        <th widht="180">相关链接</th>
    </tr>
    <tr>
        <td>1</td>
        <td>鬼吹灯</td>
        <td><img src="图片/down.jpg" alt=""></td>
        <td>345</td>
        <td>123</td>
        <td><a href="#">贴吧</a>&nbsp<a href="#">图片</a>&nbsp<a href="#">百科</a></td>
    </tr>
    <tr>
        <td>2</td>
        <td>盗墓笔记</td>
        <td><img src="图片/down.jpg" alt=""></td>
        <td>124</td>
        <td>675432</td>
        <td><a href="#">贴吧</a>&nbsp<a href="#">图片</a>&nbsp<a href="#">百科</a></td>
    </tr>
    <tr>
        <td>3</td>
        <td>西游记</td>
        <td><img src="图片/up.jpg" alt=""></td>
        <td>212</td>
        <td>7654</td>
        <td><a href="#">贴吧</a>&nbsp<a href="#">图片</a>&nbsp<a href="#">百科</a></td>
    </tr>
    <tr>
        <td>4</td>
        <td>东游记</td>
        <td><img src="图片/up.jpg" alt=""></td>
        <td>23</td>
        <td>765</td>
        <td><a href="#">贴吧</a>&nbsp<a href="#">图片</a>&nbsp<a href="#">百科</a></td>
    </tr>
    <tr>
        <td>5</td>
        <td>甄姬传</td>
        <td><img src="图片/down.jpg" alt=""></td>
        <td>121</td>
        <td>7676</td>
        <td><a href="#">贴吧</a>&nbsp<a href="#">图片</a>&nbsp<a href="#">百科</a></td>
    </tr>
    <tr>
        <td>6</td>
        <td>水浒传</td>
        <td><img src="图片/up.jpg" alt=""></td>
        <td>576567</td>
        <td>1231421</td>
        <td><a href="#">贴吧</a>&nbsp<a href="#">图片</a>&nbsp<a href="#">百科</a></td>
    </tr>
    <tr>
        <td>7</td>
        <td>三国演义</td>
        <td><img src="图片/up.jpg" alt=""></td>
        <td>423</td>
        <td>8734</td>
        <td><a href="#">贴吧</a>&nbsp<a href="#">图片</a>&nbsp<a href="#">百科</a></td>
    </tr>
</table>
</body>
</html>

练习二

<百度搜索>

在这里插入图片描述

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1 align="center">百度搜索</h1>
<p align="center">
<form action="http://www.baidu.com/s?">
    <label for="text">搜索：</label><input name="wd" id="text" type="text">
    <input next="submit" type="submit">
</form>
</p>
</body>
</html>