小白学习html一些笔记——8.综合案例

最新推荐文章于 2022-12-20 16:04:43 发布
最新推荐文章于 2022-12-20 16:04:43 发布
阅读量88 收藏
点赞数
分类专栏： 自学分享 小白编程 文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NiaYooop/article/details/115058741
版权

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>666</title>
    </head>
<body>
    <table width="100%" align="center">
        <!-- 第一行 -->
        <tr>
            <td>
                <img src="image/top_banner.jpg" width="100%">
            </td>
        </tr>
        <!-- 第二行 -->
        <tr>
            <td>
                <table width="100%" align="center">
                    <tr>
                        <td><img src="image/logo.jpg"  ></td>
                        <td><img src="image/search.png"  ></td>
                        <td><img src="image/hotel_tel.png"  ></td>
                    </tr>
                </table>
            </td>
        </tr>
        <!-- 第三行 -->
        <tr>
            <td>
                <table  width="100%" bgcolor="orange"  >
                    <tr align="center" height=45>
                        <td>首页</td>
                        <td>门票</td>
                        <td>酒店</td>
                        <td>香港车票</td>
                        <td>出境游</td>
                        <td>国内游</td>
                        <td>港澳游</td>
                        <td>抱团定制</td>
                        <td>全球自由行</td>
                        <td>收藏排行榜</td>
                    </tr>
                </table>
            </td>
        </tr>
        <!-- 第四行 -->
        <tr>
            <td><img src="image/banner_3.jpg" width="100%"></td>
        </tr>
        <!-- 第五行 -->
        <tr>
            <td>
            <img src="image/icon_5.jpg" >
            黑马精选
            <hr color="orange">
            </td>>
        </tr>
        <!-- 第六行-->
        <tr>
            <td>
                <table width="100%">
                    <tr>
                        <td><img src="image/jiangxuan_1.jpg"></td>
                        <td><img src="image/jiangxuan_1.jpg"></td>
                        <td><img src="image/jiangxuan_1.jpg"></td>
                        <td><img src="image/jiangxuan_1.jpg"></td>
                    </tr>
                    <tr>
                        <td>上海直飞三亚5天4晚自由行(春节预售)</td>
                        <td>上海直飞三亚5天4晚自由行(春节预售)</td>
                        <td>上海直飞三亚5天4晚自由行(春节预售)</td>
                        <td>上海直飞三亚5天4晚自由行(春节预售)</td>
                    </tr>
                    <tr>
                        <td><font color="red">&yen;899</font></td>
                        <td><font color="red">&yen;899</font></td>
                        <td><font color="red">&yen;899</font></td>
                        <td><font color="red">&yen;899</font></td>
                    </tr>
                </table>
            </td>
        </tr>
        <!-- 第七行-->
        <tr>
            <td>
                <img src="image/icon_6.jpg" >
                国内游
                <hr color="orange">
            </td>>
        </tr>
        <!-- 第八行-->
        <tr>
            <td>
                <table width="95%">
                    <tr>
                        <td rowspan="4"><img src="image/guonei_1.jpg" width="100%"></td>
                        <td><img src="image/jiangxuan_2.jpg"></td>
                        <td><img src="image/jiangxuan_2.jpg"></td>
                        <td><img src="image/jiangxuan_2.jpg"></td>
                    </tr>
                    <tr>
                        <td>上海直飞三亚5天4晚自由行(春节预售)<font color="red"><br>&yen;699</font></br></td>
                        <td>上海直飞三亚5天4晚自由行(春节预售)<font color="red"><br>&yen;699</font></br></td>
                        <td>上海直飞三亚5天4晚自由行(春节预售)<font color="red"><br>&yen;699</font></br></td>
                    </tr>
                    <tr>
                        <td><img src="image/jiangxuan_2.jpg"></td>
                        <td><img src="image/jiangxuan_2.jpg"></td>
                        <td><img src="image/jiangxuan_2.jpg"></td>
                    </tr>
                    <tr>
                        <td>上海直飞三亚5天4晚自由行(春节预售)<font color="red"><br>&yen;699</font></br></td>
                        <td>上海直飞三亚5天4晚自由行(春节预售)<font color="red"><br>&yen;699</font></br></td>
                        <td>上海直飞三亚5天4晚自由行(春节预售)<font color="red"><br>&yen;699</font></br></td>
                    </tr>
                </table>
            </td>
        </tr>
        <!-- 第九行 -->
        <tr>
            <td>
                <img src="image/icon_7.jpg" >
                境外游
                <hr color="orange">
            </td>>
        </tr>
        <!-- 第十行 -->
        <tr>
            <td>
                <table width="95%">
                    <tr>
                        <td rowspan="4" ><img src="image/jiangwai_1.jpg" width="100%"></td>
                        <td><img src="image/jiangxuan_3.jpg"></td>
                        <td><img src="image/jiangxuan_3.jpg"></td>
                        <td><img src="image/jiangxuan_3.jpg"></td>
                    </tr>
                    <tr>
                        <td>上海直飞三亚5天4晚自由行(春节预售)<font color="red"><br>&yen;699</font></br></td>
                        <td>上海直飞三亚5天4晚自由行(春节预售)<font color="red"><br>&yen;699</font></br></td>
                        <td>上海直飞三亚5天4晚自由行(春节预售)<font color="red"><br>&yen;699</font></br></td>
                    </tr>
                    <tr>
                        <td><img src="image/jiangxuan_3.jpg"></td>
                        <td><img src="image/jiangxuan_3.jpg"></td>
                        <td><img src="image/jiangxuan_3.jpg"></td>
                    </tr>
                    <tr>
                        <td>上海直飞三亚5天4晚自由行(春节预售)<font color="red"><br>&yen;699</font></br></td>
                        <td>上海直飞三亚5天4晚自由行(春节预售)<font color="red"><br>&yen;699</font></br></td>
                        <td>上海直飞三亚5天4晚自由行(春节预售)<font color="red"><br>&yen;699</font></br></td>
                    </tr>
                </table>
            </td>
        </tr>
        <!-- 十一行 -->
        <tr>
            <td>
                <img src="image/footer_service.png" width="100%">
            </td>
        </tr>
        <!-- 十二行 -->
        <tr >
            <td bgcolor="orange" align="center">
                <font size="2" >
                        江苏传智播客教育科技股份有限公司
                        版权所有Copyright&copy;2006-2018, All Rights Reserved 苏ICP备16007882
                </font>
            </td>
        </tr>
    </table>
</body>
</html>

在这里插入图片描述

NiaYoop
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自我学习前端01
qq_38903828的博客
11-24 479
HTML 1.入门 <html> <head> <title></title> </head> <body> </body> </html> 2.工具 VS Code 插件： 1.Chinese Language //中文简体语音 2.open in browser //右键在浏览器中打开html 3.Auto Rename Tag //自动修改匹配前后标签 4.CSS Peek
html综合案例
m0_46548202的博客
11-11 137
一个关于栾云平的表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
html综合案例（1）
weixin_42900834的博客
12-20 386
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>综合.
HTML以及CSS综合案例（接上文）
weixin_51415327的博客
08-20 306
4 精品推荐模块的制作 思维点：第二个盒子中的竖杠可以通过设置左边框来实现 border-left: 1px solid #ccc; 该模块的整体代码： <div class="goods w"> <h3>精品推荐</h3> <ul> <li><a href="#">jQuery</a></li> <li><
HTML-综合案例
qq_52040402的博客
10-12 177
【代码】HTML-综合案例。
学习笔记——sql.zip
06-08
"学习笔记——sql.zip"这个压缩包文件很可能包含了关于SQL的学习资料，如教程、笔记、示例代码等，旨在帮助用户掌握SQL的基本概念、语法和高级特性。 首先，SQL的基础知识包括数据类型，如整型（INT）、浮点型...
MySQL笔记——笔记.md
10-02
MySQL笔记
读书笔记——AGoodManIsHardToFind.pdf
12-07
读书笔记——AGoodManIsHardToFind.pdf 读书笔记——AGoodManIsHardToFind.pdf 是一篇关于美国南方女作家 Flannery O'Connor 的读书笔记。该笔记主要讨论了 O'Connor 的小说《好人难寻》（A Good Man Is Hard to ...
网络运维笔记——T221.docx
07-11
《网络运维笔记——T221》主要涵盖了网络运维中的关键知识点，包括TCP与UDP报文首部的解析、访问控制列表（ACL）的工作原理与配置，以及网络地址转换（NAT）的操作流程和相关概念。以下是这些主题的详细解释： 一、...
魅力数学简笔记——海岩.pdf
09-27
笔记中还列举了一些数学常用工具，如高中和大学阶段的基础小工具，包括三角函数恒等变换、数列求和、等价无穷小代换、泰勒公式、基础不等式等，以及一些冷门小名词，如傅里叶级数、方向导数、曲率等。在解答大题时，...
HTML综合例子
03-30
包含网页制作的几个经典例子，html5实现的博客主页面index.html，article.html,tags.html,list_xwzj.html,index_lyb.html,index_awy.html等等，包括css,amages,js等，是静态页面，拿来就可以直接用
综合案例.html基础
06-12
先讲解HTML5常用标签，接着讲解CSS3常见样式，主要学习盒子模型，浮动，定位还有高级布局技巧，之后讲解HTML5和CSS3提高，讲解新增加的新特性，新语法，最后讲解PC端品优购项目。以及CSS3动画 2d 3d效果。
HTML综合案例
最新发布
hmh520i的博客
12-20 159
前端学习日记
HTML综合案例1
qq_44079486的博客
03-07 161
HTML综合案例 1.复习目录文件夹、昨天所学的标签、路径、锚点链接。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial
HTML综合应用案例
weixin_42394925的博客
02-01 416
HTML5+CSS3综合开发案例
学习HTML综合案例
weixin_66455621的博客
03-02 271
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>综合.
HTML_标签_综合案例
ccyynmb的博客
11-23 267
【黑马程序员pink老师前端】HTML综合案例（二）
⛄
02-12 3507
HTML
小实训学习资料整理（第七月）.docx
06-27
"小实训学习资料整理（第七月）.docx" 是一份关于学习HTML的整理资料，其中包含了作者长期以来的详细笔记，适合小白用户阅读。而Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。Vue.js的设计...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值