![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web_html5
文章平均质量分 86
H5基础开发
二师弟&
这个作者很懒,什么都没留下…
展开
-
使用html制作3D循环相册
使用 html 制作简单3D循环相册注: img 标签中的 src 属性为你图片资源路径<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Love</title> <style type="text/css"> *{margin: 0;padding: 0;} .wrap{width: 600原创 2021-09-14 15:21:57 · 932 阅读 · 0 评论 -
web - html
零,HbuilderHbuilder 是国人开发的一款专门用于编写前端页面的软件。下载:https://www.dcloud.io安装:解压缩,双击 Hbuilder.exe注册和登录:建议去注册一个,不然每次都是以游客身份登录的项目的创建:rt文件 -> 新建 -> web项目给项目起名字,选择项目的存储位置项目的结构:css:用于存放 css 文件的目录img:用于存方法图片的目录js:用于存放 js 文件的目录index.html:默认的索引页原创 2020-08-01 08:34:18 · 359 阅读 · 0 评论 -
json 五个基本案例详析
1. json 对象数据的获取<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- 作者:江湖@小小白 时间:2020-09-21 描述:json数据的获取 方式1: json对象.键 方式2: json对象["键"]原创 2020-09-21 20:34:19 · 1124 阅读 · 0 评论 -
json 概述
1. 概念概念:JavaScript Object Nation,js 对象表示法作用:主要实现信息的存储与交换特点:速度快,占用小,易于解析语法:json 中的数据由键值对组成。键:由双引号或者单引号括起来。值:数值(小数、整数),字符串,布尔值(false,true)。eg:{ "name" : "zs","age" : 20,"gender" : false }数组:数组[元素1,元素2…]{ "users" : [ { "name" : "zs","age" : 20,"ge原创 2020-09-21 20:21:37 · 233 阅读 · 0 评论 -
Web_jQuery入门案例分析3:jq与js的转换2
1. 代码功能实现<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- 作者:1546080876@qq.com 时间:2020-09-17 描述:按钮1 显示金色 --> <script type="text/javascript原创 2020-09-17 20:36:52 · 117 阅读 · 0 评论 -
Web_jQuery入门案例2分析:jq与js的转换1
1. 代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.3.1.min.js"> </script> <!-- 作者:1546080876@qq.com 时间:2020-09-17原创 2020-09-17 20:15:09 · 81 阅读 · 0 评论 -
web_jQuery入门案例1分析:通过jQuery实现点击事件实现按钮变色功能
1. 代码块<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <!-- 作者:1546080876@qq.com 时间:2020-09-17 描述: 通过jQuery实现当点击点击事件时; 实现按钮1的变色功能 --> <scri原创 2020-09-17 19:38:42 · 454 阅读 · 0 评论 -
web_点击按钮从一个页面跳转到另外一个页面
页面1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> function f() { location.href="test2.html" } </s原创 2020-09-06 15:54:47 · 9984 阅读 · 0 评论 -
表单事件与正则表达式案例分析
<!DOCTYPE html> <!-- 使用正则和表单事件完成表单的跳转, 要求只有用户名是QQ邮箱, 密码是数字字母组成的6-12位才能跳转。 --><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function password()原创 2020-08-28 11:48:30 · 138 阅读 · 0 评论 -
省份城市列表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> // var a = [[1,2,3],[3,4,5],[6,7,8]];// alert(a[1][1]); var city_arr = [ ["沈阳","葫芦岛","原创 2020-08-28 10:51:16 · 842 阅读 · 0 评论 -
点击图片切换
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> onload = function(){ var imgs = ["img/0.jpg","img/1.jpg","img/2.jpg","img/3.jpg"]; va原创 2020-08-27 10:41:09 · 216 阅读 · 0 评论 -
html标签基础认识
<!DOCTYPE html><!-- 作者:1546080876@qq.com 时间:2020-08-26 描述:是H5的规范,文档类型 HTML 标签是整个HTML页面的根标签--><html> <head> <!-- 描述:head标签是头部标签 --> <meta charset="utf-8" /> <meta http-equiv="refresh" con原创 2020-08-27 09:04:22 · 118 阅读 · 0 评论 -
web_求和(练习)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> function getSum(){ // 1.通过id获取3个输入框的元素对象 var inp1 = document.getElementById("inp1"); var原创 2020-08-07 20:41:57 · 728 阅读 · 0 评论 -
web_js概述
1. 变量<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> function f(){ i = 3; } function g(){ f(); alert(i); } </script> &原创 2020-08-07 20:10:08 · 259 阅读 · 0 评论 -
web_QQ登录注册界面设计
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> //定义变量,初始化为0 var count = 0 function check(){ var imgObj = document.getElementById("chec原创 2020-08-07 09:28:47 · 1766 阅读 · 0 评论 -
web_显示与隐藏
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ /* * margin 默认外边框留白 * padding 默认内边框留白 */ margin: 0; padding: 0; } .u{原创 2020-08-06 21:00:10 · 356 阅读 · 0 评论 -
web_margin,pading...
* 是表示针对HTML的所有元素。margin表示边框外面留的空白,后面的0表示不留空白。padding表示边框内部带内容之间填充,后面的0表示不留空白。border表示边框,后面的0px表示边框宽度为0像素,边框绘制方式none表示不绘制边框。 代码演示<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <s原创 2020-08-06 20:40:41 · 164 阅读 · 0 评论 -
web_定位 —— 案例说明
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; border: 1px solid aquamarine; } #pp{ position: absolute;原创 2020-08-06 20:19:45 · 139 阅读 · 0 评论 -
web_js
1. 元素选择器<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> p{ color: red; } span{ color: blue; } </style> </head> <body>原创 2020-08-06 14:25:15 · 90 阅读 · 0 评论 -
web_css案例练习
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .u{ display: none; } ul{原创 2020-07-28 20:32:44 · 321 阅读 · 0 评论 -
web_外联样式表
1. js文件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/test.css"/> </head> <body> <p>段落</p> </body>&原创 2020-08-06 09:13:15 · 552 阅读 · 0 评论 -
web_内联样式
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <!-- 作者:1546080876@qq.com 时间:2020-08-06 描述:内联样式 --> <p style="color原创 2020-08-06 09:05:55 · 304 阅读 · 0 评论 -
web_标签补充<p> <i> <strong>...
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <p> 静夜思 <br /> 窗前明月光, <br /> 疑是地上霜。 <br /> 举头望明月, <br />原创 2020-08-05 23:19:40 · 974 阅读 · 0 评论 -
web_div/span标签
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 作者:zhu 时间:2020-08-05 描述: style="color: aquamarine 字体颜色 背景色原创 2020-08-05 23:09:15 · 596 阅读 · 0 评论 -
web_制作一个用户名 密码 性别 兴趣爱好 注册的界面
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form> <table cellpadding="0" cellspacing="0"> <tr style="height: 40px;">原创 2020-08-05 21:01:47 · 5580 阅读 · 1 评论 -
web_1.使用html写一段自我介绍, 要求要有个人信息,个人履历, 尝试使用样式进行颜色,背景的设置
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 作者:zhu 时间:2020-08-05 描述:hr表示一条横线 --> <hr /> <!--原创 2020-08-05 19:40:26 · 4946 阅读 · 0 评论 -
web_表单标签
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <form> <input type="text"/> <br /> <input type="password" id="pwd"/> <原创 2020-08-04 23:38:19 · 466 阅读 · 0 评论 -
web_事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //方法1 function f1(){ //定义变量 var a = document.getElementById("b"); a.value = "你好"; }原创 2020-08-04 23:29:41 · 176 阅读 · 0 评论 -
web_按钮
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action=""> <input type="text" value="默认提交内容"/> <input type="text"/> <button>原创 2020-08-04 23:21:41 · 1672 阅读 · 0 评论 -
web_单选框与复选框
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="https://im.qq.com/"> <br /> <input type="radio" name="sex" value="1" checked原创 2020-08-04 23:17:13 · 2783 阅读 · 0 评论 -
web_文本框和密码框
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="03_按钮.html" method="post"> <input type="text" placeholder="手机号/用户名/邮箱" maxlength="12" nam原创 2020-08-04 22:49:00 · 780 阅读 · 0 评论 -
web_设置四个按键1,2,3,4 ;另外四个按键1,2,3,4;当按1,2,3,4时,对应数字变色
<!DOCTYPE html><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 创建方法f1() * 将id为a的按键赋给变量a1 * 将id为A的按键赋给变量a2 * 设置按键颜色 * * 设置a1的点击事件,即原创 2020-08-04 21:22:59 · 443 阅读 · 0 评论