首页
友链
关于
留言
更多
统计
图库
Search
1
【PHP】一款带后台的简约风个人导航
262 阅读
2
【APP】wakeup课程表
218 阅读
3
win11安装WSA运行安卓应用
160 阅读
4
升级win11啦
151 阅读
5
宝塔插件免付费使用
131 阅读
点滴记录
学习笔记
SQL Server
JAVA
资源分享
相关教程
所见所闻
登录
/
注册
Search
标签搜索
APP
PHP
IAPP
html
windows 11
MySQL
博客日记
学习
一言
教程分享
防火墙
Linux
服务器
hosts
WSA
css
每日60s
积木
SQL
执念
累计撰写
29
篇文章
累计收到
33
条评论
首页
栏目
点滴记录
学习笔记
SQL Server
JAVA
资源分享
相关教程
所见所闻
页面
友链
关于
留言
统计
图库
搜索到
2
篇与
html
的结果
2021-10-30
Web上机课作业记录-第九周
页面效果截图{tabs}{tabs-pane label="首页"}{/tabs-pane}{tabs-pane label="登录页"}{/tabs-pane}{tabs-pane label="注册页"}{/tabs-pane}{/tabs}代码记录{tabs}{tabs-pane label="index.html"}<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>主页</title> </head> <body> <center><h1>您还没有登录</h1></center> <center><h4><a href="./login.html">立即登录</a></h4></center> </body> </html> {/tabs-pane}{tabs-pane label="login.html"}<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="./css/style.css" /> <title>登录</title> </head> <body> <div id="left"> <img src="./img/login.png" width="80%"> </div> <div id="right"> <h2 align="center">登录</h2> <form action="" method=""> <p class="text"> <img src="./img/user.png" width="25px"> <input type="text" name="user" id="user" value="" placeholder="请输入您的账号"/> </p> <p class="text"> <img src="./img/pass.png" width="25px"> <input type="password" name="pass" id="pass" value="" placeholder="请输入您的密码"/> </p> <p> <center><input type="submit" id="log" name="log" value="登 录" /></center> </p> </form> <p style="margin-top: 135px;"> <a href="./reg.html" style="text-decoration: none; color: black; margin-left: 20px;">立即注册</a> <a href="#" style="text-decoration: none; color: black; float: right; margin-right: 20px;">忘记密码</a> </p> </div> </body> </html> {/tabs-pane}{tabs-pane label="reg.html"}<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="./css/style.css" /> <title>登录</title> </head> <body> <div id="left"> <img src="./img/login.png" width="80%"> </div> <div id="right"> <h2 align="center">注册</h2> <form action="" method=""> <p class="text"> <img src="./img/user.png" width="25px"> <input type="text" name="user" id="user" value="" placeholder="请输入您的账号"/> </p> <p class="text"> <img src="./img/pass.png" width="25px"> <input type="password" name="pass" id="pass" value="" placeholder="请输入您的密码"/> </p> <p> <center><input type="submit" id="log" name="log" value="注 册" /></center> </p> </form> <p style="margin-top: 135px;"> <a href="./login.html" style="text-decoration: none; color: black; margin-left: 20px;">立即登录</a> <a href="./index.html" style="text-decoration: none; color: black; float: right; margin-right: 20px;">返回首页</a> </p> </div> </body> </html> {/tabs-pane}{tabs-pane label="style.css"}#left{width: 70%; float: left; text-align: center; margin-top: 90px;} #right{width: 25%; float: left; margin: 30px; margin-top: 90px; background-color: #EFF1F9; border: 15px; border-radius: 10px;} .text{height: 35px; background-color: #E9E5DF; border-radius: 5px; width: 80%; margin: auto; margin-bottom: 35px; border: 1px solid darkgray;} .text img{margin: 5px; margin-bottom: 0px; float: left;} #user{width: 80%; height: 33px; border: none; background-color: #E9E5DF; float: left;} #pass{width: 80%; height: 33px; border: none; background-color: #E9E5DF; float: left;} #user input:focus{border: none;} #log{width: 50%; font-size: large; border: none; background-color: #A0A4C3; padding: 5px; color: white;}{/tabs-pane}{/tabs}代码有亿点点乱,页面有亿点点丑
2021年10月30日
44 阅读
0 评论
5 点赞
2021-09-09
HTML标签的使用
部分HTML标签的列举以及使用效果{lamp/}{card-describe title="hr标签的使用以及部分属性"}- 标签介绍:水平分割线,用于分割页面内容 - 使用格式:<hr> - 设置属性:color可用于设置其颜色,size可用于设置其粗细,width可用于设置其宽度{/card-describe}{card-describe title="pre标签的使用"}- 标签介绍:代码块,用于显示原本输入格式 - 使用格式:<pre></pre>{/card-describe}{card-describe title="blockquote标签的使用"}- 标签介绍:页面效果显示块有边距 - 使用格式:<blockquote></blockquote>{/card-describe}
2021年09月09日
32 阅读
0 评论
1 点赞