写html文件

最新推荐文章于 2022-07-19 15:25:41 发布
最新推荐文章于 2022-07-19 15:25:41 发布
阅读量50 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qugetou/article/details/118861630
版权

login.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link type="text/css" href="/static/css/Login.css" rel="stylesheet" />
    <script src="/static/js/Login.js"></script>
    <script src="/static/js/jquery.js"></script>
</head>
<body>
    <div id="login-box">
        <h1>用户登录</h1>
        <div class="form">
            <div class="item">
                <input id="login_name" type="text" placeholder="用户名">
            </div>
            <div class="item">
                <input id="login_password" type="password" placeholder="密码">
            </div>
        </div>
            <button onclick="login()">登录</button>
            <br>
            <button onclick="location.href='/cloud1/signin/'">注册</button>
        </div>
    </body>
</html>

signin.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link type="text/css" href="/static/css/Login.css" rel="stylesheet" />
    <script src="/static/js/Signin.js"></script>
    <script src="/static/js/jquery.js"></script>
</head>
<body>
    <div id="login-box">
        <h1>用户注册</h1>
        <div class="form">
            <div class="item">
                <input id="sign_name" type="text" placeholder="用户名">
            </div>
            <div class="item">
                <input id="sign_password1" type="password" placeholder="输入密码">
            </div>
            <div class="item">
                <input id="sign_password2" type="password" placeholder="确认密码">
            </div>
        </div>
            <button onclick="Sign()">注册</button>
            <br>
            <button onclick="location.href='/cloud1/login/'">登录</button>
        </div>
    </body>
</html>

control.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>控制中心</title>
    <link type="text/css" href="/static/css/Control.css" rel="stylesheet" />
    <script src="/static/js/Control.js"></script>
    <script src="/static/js/jquery.js"></script>
</head>
<body>
    <div id="ctr">
        <div class="fun" onclick="add_1()">查询主机状态</div>
        <div class="fun" onclick="add_2()">创建虚拟机</div>
        <div class="fun" onclick="add_3()">删除虚拟机</div>
        <div class="fun" onclick="add_4()">虚拟机查看</div>
        <div class="fun" onclick="add_5()">启动虚拟机</div>
        <div class="fun" onclick="add_6()">关闭虚拟机</div>
        <div class="fun" onclick="add_7()">运行并行程序</div>
    </div>
    <div id="show_table">
        <table id="table1">
            <caption>查询主机状态</caption>
            <thead>
                <tr>
                    <th>物理机</th>
                    <th>CPU架构</th>
                    <th>内存/G</th>
                    <th>CPU个数</th>
                    <th>虚拟类型</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <div id="table2">
            <h2>创建虚拟机</h2>
            <h3>主机
                <input type="text" id="hostname_2">
                域名称
                <input type="text" id="name_2">
                内存
                <input type="text" id="run_memory">
                磁盘空间
                <input type="text" id="disk_memory">
                <button onclick="add_2_add()" style="position: center">提交</button>
            </h3>
        </div>
        <div id="table3">
            <h2>删除虚拟机</h2>
            <h3>主机
                <input type="text" id="hostname_3">
                域名称
                <input type="text" id="name_3">
                <button onclick="add_3_add()" style="position: center">删除</button>
            </h3>
        </div>
        <table id="table4">
            <caption>虚拟机查看</caption>
            <thead>
                <tr>
                    <th>主机名</th>
                    <th>域名称</th>
                    <th>状态</th>
                    <th>内存/G</th>
                    <th>CPUs</th>
                    <th>IP</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <div id="table5">
            <h2>启动虚拟机</h2>
            <h3>主机
                <input type="text" id="hostname_5">
                域名称
                <input type="text" id="name_5">
                <button onclick="add_5_add()" style="position: center">启动</button>
            </h3>
        </div>
        <div id="table6">
            <h2>关闭虚拟机</h2>
            <h3>主机
                <input type="text" id="hostname_6">
                域名称
                <input type="text" id="name_6">
                <button onclick="add_6_add()" style="position: center">关闭</button>
            </h3>
        </div>
        <div id="table7">
            <h2>运行并行程序</h2>
            <button onclick="add_7_add()" style="position: center">运行</button>
            </h3>
        </div>
    </div>
</body>
</html>

鸭鸭赶烤
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Python写HTML 文件使用jinja2中的模板
marywang56的专栏
05-24 1万+
软件测试中，对结果数据如何进行展示呢？ 工作中一般会1.发邮件出来2.将结果保存在html文件中，将链接附在邮件中。之前使用的方法比较挫，使用Python语句一行一行进行拼凑，常常需要在Python代码中写一些CSS样式语句，后来后然发现，原来Python的 jinja2 模块早已支持Python使用模版进行HTML编写，使用之后，真是方便，样式和数据分离，代码也清爽了不少。如果有过web开发经验
用什么软件写html语言,写html代码用什么软件
weixin_42511832的博客
06-02 1万+
写html代码的软件：1、Sublime Text；2、Dreamweaver；3、WebStorm；4、HBuilder；5、Notepad；6、VSCode；7、Vim；8、Aptana Studio；9、IntelliJ IDEA。本教程操作环境：windows7系统、HTML5版、Dell G3电脑。1、Sublime TextSublime Text 是一个跨平台的代码编辑器，同时支持W...
html中css文件怎么写,如何写css文件？
weixin_34450111的博客
05-31 3439
本篇文章将介绍编写一个css文件的方法及步骤，感兴趣的可以参考一下。如何写css文件？1、新建文本文档，重命名为 xxx.css2、使用编辑器打开文件，第一行写上编码格式@charset "utf-8";3、接下来编写你需要的css代码，格式为选择器 {属性名1: 属性值1,属性名2: 属性值2,...}例如：(推荐学习：CSS视频教程)@charset "utf-8";body{margin: ...
怎么在html文件中写css文件,html头文件中css怎么写？
weixin_32597695的博客
05-31 6826
html头文件中写css的方法：1、将css的样式代码写在html文档头文件<head></head>中的<style></style>标签中；2、在网页头文件<head></head>中使用<link>标签，引入外部CSS文件。在html头文件中css怎么写？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的...
用VScode写html文件以及调用浏览器运行
1900的博客
02-24 9368
快速写html代码 打开VScode 新建文件 ctrl+s保存为html格式 第一行输入一个  !  (注意  英文状态下的 !) 然后按tab   就会自动出现html模板     怎么调用浏览器预览html呢 点这个  进入扩展商店 输入open   下载安装  open in browser 然后 安装完了  重启vscode 打开一个 htm...
html如何写图片路径？
qq_43570814的博客
07-15 3720
1、绝对路径： 图片来源本地： 图片来源网络： <img src=“http://image.baidu.com/pcindexhot”/width=“300” height=“120”/> 2、相对路径： html文件跟*.jpg图片在相同目录下： <img src="陈好.jpg"> html文件跟*.jpg图片在不同目录下： a、图片在a文件夹中，html文件跟a在同一目录下： <img src="a/陈好.jpg"/>
HTML里写JS
summerriver1的博客
07-19 5373
HTML里写JS
Python之生成HTML文件
热门推荐
ZONGXP的博客
10-22 3万+
参考：https://blog.csdn.net/reallocing1/article/details/51694967 教程：http://www.runoob.com/html/html-basic.html 在做图像处理时会有结果数据生成，一种好的方法是将结果保存为HTML文件，在文件中插入图片的超链接，就可以在网页中同时显示结果和图片。因此，本文对Python生成HTML的方法做一个...
前端项目一般只写html文件，不写jsp；而后端项目一般都是写jsp文件；---详述
krismile__qh的博客
05-09 5052
前端项目一般只写html文件，不写jsp；而后端项目一般都是写jsp文件； .jsp文件有九大内置对象，可以与服务器进行同步通信，一般用使用EL表达式和JSTL标签库操作；所以同步、异步（ajax，对局面页面刷新）均可；（功能更完善） .html文件没有内置对象，不能服务器进行同步通信，但是可以利用ajax进行异步通信，比.jsp简单，一般为前端开发使用。实现前后端（展示与Java代码）...
html文件中用import,@import引入CSS文件
weixin_42516414的博客
06-17 3971
@import url (url) sMedia ;注明：url : 运用相对于或相对地点指定导入的内部花色表文件。至关于link引入CSS文件。(理解link与@import判袂和如何决意)css @import使用常用两种办法第一种：html源代码(html文件里)直接引入外部花色表CSS文件html文件index.html代码：import使用实例 www.CSS5.com @import ...
python语言写的将html格式文件转换为word文件
07-06
html文件转为word文件 若有需要html页面的文章需要转为word格式的文件，可以通过此程序进行转换。 将html内容转为word格式的文件。
QT基于HTML生成WORD文件
04-02
QT基于HTML生成WORD文件，支持标题，表格，缩进，更多格式根据需求调整
三元运算符2_Html文件_三元运算符_
09-29
三元运算符的使用，以及编码，都是在html语言中的运用，js的基础
Flash写文件
02-27
Flash AS3.0辅助写文件的exe。 详细说明参见文章http://hi.baidu.com/ccchu0/blog/item/c9150de9b6e26a5079f055fc.html
html静态读取excel文件
12-13
html通过js读取自己选择的excel然后以json格式显示在页面上
Last Loaded 8只数码管滚动显示数字串.DBK
最新发布
06-03
Last Loaded 8只数码管滚动显示数字串.DBK
yolo开发ention-model-for-networ笔记
06-03
yolo开发ention-model-for-networ笔记yolo开发ention-model-for-networ笔记
微信小程序前端解密获取手机号
06-03
微信小程序前端解密获取手机号
EXP2.html
06-03
EXP2.html
怎么用记事本写html文件
02-08
可以这样做: 1. 打开记事本软件。 2. 在编辑区域中输入 HTML 代码。 3. 选择“文件”菜单中的“另存...注意: HTML 文件必须以 <html> 标签开始，以 </html> 标签结束。所有其他的 HTML 代码都应该放在这两个标签之间。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值