java写html5

最新推荐文章于 2024-03-23 19:40:21 发布
最新推荐文章于 2024-03-23 19:40:21 发布
阅读量890 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45615663/article/details/101056244
版权

第一种方法


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <style>
        .logo{
            float: left;
            width: 33%;
            height: 60px;
            line-height: 60px;
        }

        .menu{
            width: 18%;
            display: inline-block;
            text-align: center;
            text-decoration: none;
            line-height: 50px;
            height: 50px;
        }

        .product{
            float: left;
            text-align: center;
            width: 16.6%;
            height: 240px;
        }

    </style>
</head>
<body>
<div>
    <div>
        <div class="logo">
            <img src="../img/logo2.png" height="50px">
        </div>
        <div class="logo" align="center">
            <img src="../img/header.jpg">
        </div>
        <div class="logo" align="right">
            <a href="#">登入</a>
            <a href="#">注册</a>
            <a href="#">购物车</a>
        </div>
    </div>
    <div style="clear: both"></div>

    <div style="background-color: black;height: 50px">
        <a href="#" class="menu"><font color="white">首页</font></a>
        <a href="#" class="menu"><font color="white">手机数码</font></a>
        <a href="#" class="menu"><font color="white">鞋靴箱包</font></a>
        <a href="#" class="menu"><font color="white">电脑办公</font></a>
        <a href="#" class="menu"><font color="white">香烟酒水</font></a>
    </div>

    <div>
        <img src="../img/1.jpg" width="100%">
    </div>

    <div>
        <div><h2>最新商品<img src="../img/title2.jpg"></h2></div>

        <div style="float: left;height: 480px">
            <img src="../products/hao/big01.jpg">
        </div>
        <div style="float: left;height: 480px;width: 80%">
            <div style="float: left;width: 50%;height: 240px">
                <img src="../products/hao/middle01.jpg" width="100%" height="100%">
            </div>
            <div class="product">
                <img src="../products/hao/small06.jpg">
                <p>洗衣机</p>
                <p style="color: red;">$999</p>
            </div>
            <div class="product">
                <img src="../products/hao/small06.jpg">
                <p>洗衣机</p>
                <p style="color: red;">$999</p>
            </div>
            <div class="product">
                <img src="../products/hao/small06.jpg">
                <p>洗衣机</p>
                <p style="color: red;">$999</p>
            </div>
            <div class="product">
                <img src="../products/hao/small06.jpg">
                <p>洗衣机</p>
                <p style="color: red;">$999</p>
            </div>
            <div class="product">
                <img src="../products/hao/small06.jpg">
                <p>洗衣机</p>
                <p style="color: red;">$999</p>
            </div>
            <div class="product">
                <img src="../products/hao/small06.jpg">
                <p>洗衣机</p>
                <p style="color: red;">$999</p>
            </div>
            <div class="product">
                <img src="../products/hao/small06.jpg">
                <p>洗衣机</p>
                <p style="color: red;">$999</p>
            </div>
            <div class="product">
                <img src="../products/hao/small06.jpg">
                <p>洗衣机</p>
                <p style="color: red;">$999</p>
            </div>
            <div class="product">
                <img src="../products/hao/small06.jpg">
                <p>洗衣机</p>
                <p style="color: red;">$999</p>
            </div>

        </div>

    </div>
    <div>
        <img src="../products/hao/ad.jpg" width="100%">
    </div>

    <div>
        <img src="../img/footer.jpg" width="100%">
    </div>

    <div style="text-align: center">
        <a href="#">关于我们</a>
        <a href="#">联系我们</a>
        <a href="#">招贤纳士</a>
        <a href="#">法律声明</a>
        <a href="#">友情链接</a>
        <a href="#">支付方式</a>
        <a href="#">配送方式</a>
        <a href="#">服务声明</a>
        <a href="#">广告声明</a>
    </div>

    <div style="text-align: center">
        Copyright @ 2019-2039 中软国际 版权所有
    </div>



</div>

</body>
</html>

结果如下图所示

在这里插入图片描述

在这里插入图片描述

weixin_45615663
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
html能嵌套java语言吗,html代码嵌套java代码
weixin_36080939的博客
05-31 829
html代码嵌套java代码[2021-02-07 19:16:46]简介:php去除nbsp的方法：首先创建一个PHP代码示例文件；然后通过“preg_replace("/(\s|\&nbsp\;|　|\xc2\xa0)/", " ", strip_tags($val));”方法去除所有nbsp即可。推荐：《PHP视频教在嵌套使用if语句时，C语言规定else总是和之前与其最近的且不...
h5和原生java交互
insert的博客
10-11 1万+
安卓混合开发——原生Java和H5交互，保证你一看就懂！ <!-- 作者区域 --> <div class="author"> <a class="avatar" href="/u/0afe2d87fbfb"> <img src="//upload.jianshu.io/users/upload_avatars/3036523/910684bd-f25b-4
跟jQuery那样简单方便操作Html文档的Java工具类，今天我必须要告知你！
最新发布
m0_61331491的博客
03-23 272
说句实话，如果一个打工人不想提升自己，那便没有工作的意义，毕竟大家也没有到养老的年龄。当你的技术在一步步贴近阿里p7水平的时候，毫无疑问你的薪资肯定会涨，同时你能学到更多更深的技术，交结到更厉害的大牛。推荐一份Java架构之路必备的学习笔记，内容相当全面！！！成年人的世界没有容易二字，前段时间刷抖音看到一个程序员连着加班两星期到半夜2点的视频。在这个行业若想要拿高薪除了提高硬实力别无他法。你知道吗？现在有的应届生实习薪资都已经赶超开发5年的程序员了，实习薪资26K，30K，你没有紧迫感吗？
java动态生成HTML文件
热门推荐
xixiruyiruyi的博客
12-05 1万+
在eclipse中，用java动态生成html文件。
Java读取根据HTML模板生成HTML页面
it_java_shuai的博客
01-23 1万+
首先，我们需要一个html模板： ###title### ###title### ###author### ###content### ###html### 其次：我们编写java代码实现模板读取，页面生成： import javax.servle
java清除html转义字符
09-04
在Java开发中，处理HTML内容时，有时我们需要清除HTML转义字符，以确保文本在显示或存储时不会解析为HTML标签。HTML转义字符是用于在HTML文档中表示特殊字符的字符实体，例如 `会被转义为 `<` 以防止浏览器将其...
java写的HTML文档解析器 HTMLParser 源码
05-15
java写的HTML文档解析器 HTMLParser 源码
java实现html转txt
12-10
只需要把html读出来，放到方法里面，就能得到html的文本，很好的方法，我找了好久，现在发上来 只需要把html读出来，放到方法里面，就能得到html的文本，很好的方法，我找了好久，现在发上来
JavaScript+Java实现HTML页面转为PDF文件保存的方法
10-22
借助iText这个Java库,我们可以将HTML文件保存为图片文件进而转换成PDF格式,接下来就来具体看下JavaScript+Java实现HTML页面转为PDF文件保存的方法
Html2Image (JAVA)jar包
08-28
Html2Image (JAVA)jar包public static byte[] generatePDF(StringReader strReader,String path) { try { FileOutputStream fos = new FileOutputStream(path); ByteArrayOutputStream os = new ...
java代码生成html文件
06-19
java生成静态html代码 一个简单的实例 自己去扩展
java分销商城
10-01
java商城源码,完整项目高性能高可靠性兼容,完整的流程文件等等
java--生成html
05-11
java--生成html
android + h5 混合开发 webview 版 小实例 + 数据交互 + 界面交互+ js调用java +java 调用js
02-07
android + h5 混合开发 webview 版 小实例 + 数据交互 + 界面交互+ js调用java +java 调用js
JAVAEE----HTML
m0_58157267的博客
04-23 1966
在vscode上面新建文件: 如何快速编写HTML模板? 下图就是操作之后的默认页面模板: 开发者工具 通过开发者工具可以观察到页面的基本结构 鼠标右键--->审查元素 标签 1.注释标签------> 2.标题标签 3.段落标签---------> <p>.....</p> 在<p>和</p>之间输入...
编写第一个HTML5文件
weixin_34405332的博客
01-22 341
1.3.1 HTML文件的编写方法 编写HTML文件主要有如下3种方法: 手工直接编写 由于HTML语言编写的文件是标准的ASCII文本文件，所以我们可以使用任何的文本编辑器来打开并编写HTML文件，如Windows系统中自带的记事本。 使用可视化软件 WebStorm、Dreamweaver、Sublime等软件均可以可视化的方式进行网页的编辑制作。 由Web服务器一方实时动态生成...
java编写html,java编写html代码
weixin_33933280的博客
06-10 1396
java编写html代码[2021-02-08 08:29:14]简介:php去除nbsp的方法：首先创建一个PHP代码示例文件；然后通过“preg_replace("/(\s|\&nbsp\;|　|\xc2\xa0)/", " ", strip_tags($val));”方法去除所有nbsp即可。推荐：《PHP视频教java编写一个注册界面的方法：首先创建一个java项目，并选择文本...
java写html报错
05-09
Java 写 HTML 报错，可能存在以下几种情况。 第一种可能是 Java 代码中存在语法错误或逻辑错误，在生成 HTML 页面时抛出了异常。这时需要仔细排查代码是否存在错误，并根据错误提示进行修正。另外，建议在代码中...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值