- 博客(17)
- 收藏
- 关注
RSS订阅原创 3.HTML5标签及介绍
表格数据：br、hr、figcaption、figure、p、ol、ul、li、div、pre、blockquote、dl、dt、dd个人常用：br、hr、p、ol、ul、li、div、dl、dt、dd不常用： figcaption：与figure一起使用，经常包裹在figure元素里使用（显示在图片下方表示图片标题意思） pre：预格式化的文本，包裹内容输出在浏览器上不进行缩进、换行压缩更改 blockquote：与cite属性一起用，表示内容来自于那个网址（地方）**注意点：ol、
2022-01-25 11:13:22
512
原创 web简易页面(找房--1.index)
ind_1.jpg![在这里插入图片描述](https://i
2021-01-04 18:30:46
276
原创 js将数组对象遍历到页面上
<!DOCTYPE html><html><head> <title></title></head><body> <div id="button"></div> <script type="text/javascript"> var obj= { "homeadlist": [ { "id": 1,
2020-10-27 14:55:33
2333
原创 划过效果--遍历数组对象到页面上（js生成）
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ height: 50px; } ul{ list-style: none; /*float: left;*/ margin-left: 30px; } li{
2020-10-27 14:48:44
258
原创 高质量图片时间滚动
![在这里插入图片描述](https://img-blog.c
2020-10-23 14:48:08
139
原创 轮播图高级
高级轮播图编写<!DOCTYPE html><html><head> <title></title> <style> *{ margin: 0; padding: 0;}header{ width: 100%; height: 50px; background: lightblue;}header .mar{ margin: 0 auto; width: 248px; line-height:
2020-10-21 10:57:20
349
原创 简易页面
a{text-decoration: none;color: black;}.clearfix:after{content: “”;clear: both;display: block;}/header/.left{float: left;}.right{float: right;}.header header .title{width: 96%;height: 30px;margin-left: 100px;}.header header ...
2020-10-14 16:00:09
188
原创 豆瓣页面
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>豆瓣</title> //i
2020-10-14 15:49:10
562
原创 抽奖系统
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>抽奖系统</title> <style>#mar{ width: 1010px; height: 810px; background: lightblue; position: relative; float: left;}#mar div{ width: 200px; heig
2020-10-14 15:30:54
260
原创 简易版铃声定时系统
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button onclick="time1()" style="margin-bottom: 50px;">点击开始</button> <div id="miusic"> <a
2020-10-12 16:52:41
139
原创 轮播图-1
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>轮播图</title> <style>*{ margin: 0; padding: 0; border: 0;}button{ width: 100px; height: 40px; background: red;}#speed{ margin: 0 auto; wid
2020-10-12 16:47:56
83
原创 2.HTML5标签及介绍
html: 文档根元素(包含所有其它元素）head:html文档中第一个子元素（包含字符编码，网页标题，外部引用（包括js，jQuery，css等）等多种子元素）title：网页页面标题内容meta：向浏览器说明该页面的编码，格式标题，作者等base：定义非绝对的链接地址所相对的默认URL（通俗的讲：绝对就是访问除自己这台电脑以外的其它的需要网络连接的路径，相对就是访问自己本电脑中的各个文件）link：用来引用css文件和其他网页链接，此元素只能出现在head元素里面，且个数不限style：s.
2020-10-09 11:32:59
130
原创 1.初识html（详解）
初始HTML（tengyj创） ```在网页页面显示Hello World！！！(直接在body中输入要显示的内容）``` Hello World!!!</body>
2020-10-08 15:53:23
125
原创 简易计算器编写
td{width: 150px;line-height: 70px;}.btn,.btn_click{width: 150px;line-height: 70px;font-size: x-large;/background: none;/}.btn_click{width: 302px;}.btn:hover,.btn_click:hover{background: rgba(0,0,250,.4);}.txt{width: 600px;line...
2020-10-08 15:08:51
481
原创 铃声系统优化
铃声系统 body{color: #fff;}button{margin: 20px 18px 0 18px;height: 30px;background-image: linear-gradient(#88d0ec, #2882c5,#0a3875);width: 80px;border-radius: 20px;background-size:100%;float: left;color: #fff;}input{margin-top: 10px;he...
2020-10-07 19:42:43
145
原创 ppt答题系统
.red{color: red;margin-left: -20px;}/main/.main{width: 920px;height: 1920px;margin: 0 auto;}.main .header{height: 120px;background: url("…/img/bg.jpg");width: auto;}.main .caption{width: 920px;height: auto;background: #fff;}...
2020-10-06 15:16:46
404
原创 铃声系统初级实验
body{color: #fff;}button{margin: 10px 0;height: 30px;width: 80px;background: lightblue;float: left;}input{margin-top: 10px;}button:hover{background-color: red;}#go{width: 100%;}#del1{margin-left: 60px;}.mid{margin: 0 auto;wi...
2020-10-06 14:59:23
224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人