h5知识
小菜鸟码住
菜鸟之路,一起向前冲
展开
-
9.4-基础html-h5总结表单表格
人民日报钟声: <!--超链接 anchor--> <a target="_blank" href="https://www.baidu.com">百度一下你就知道</a> <!--列表--> <!--unor...原创 2019-09-04 21:02:40 · 294 阅读 · 1 评论 -
拖放
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #box{ width: 300px; height: 300px; border: 3px solid red; ...原创 2019-10-06 15:59:18 · 149 阅读 · 0 评论 -
进度条
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>progress</title></head><body> <progress id="pro" value="10" ...原创 2019-10-06 15:57:27 · 95 阅读 · 0 评论 -
todolist未完成,已完成
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>storage</title></head><body> <input type="text" required id="inp...原创 2019-10-06 15:55:54 · 832 阅读 · 1 评论 -
渐变
渐变颜色渐变,旋转,变形,缩放<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .*{ margin: 0; padding: 0; } .div1{ ...原创 2019-10-06 15:53:21 · 98 阅读 · 0 评论 -
上传文件/文本/图片,盒子阴影
上传文件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width: 200px; height: 200px; border: 1px solid b...原创 2019-10-06 15:48:05 · 86 阅读 · 0 评论 -
CSS 列 文本阴影
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> li:nth-child(4n){ background-color: red; } li:nth-child(4n+1)...原创 2019-10-06 15:45:00 · 124 阅读 · 0 评论 -
分割、柱子、list
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } li{ list-style-type: none...原创 2019-10-06 15:35:21 · 104 阅读 · 0 评论 -
请求对象,发送请求
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul id="list"> </ul> <script>...原创 2019-10-06 15:32:23 · 171 阅读 · 0 评论 -
小米电视的网页和珠宝的网页
小米电视<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ padding: 0; margin: 0; } .a{ width: 1150px; ...原创 2019-10-06 15:20:54 · 241 阅读 · 0 评论 -
点击事件
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>DOM</title> <style> *{ padding: 0; margin: 0; ...原创 2019-10-06 15:10:21 · 325 阅读 · 0 评论 -
矩形、圆弧、线段的画法H5
自己琢磨了一下,能画出自己想要的图形了代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> canvas{ border: 1px solid red; displ...原创 2019-10-06 15:04:40 · 148 阅读 · 0 评论 -
9-18h5所学知识~轮播图
轮播图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } .box{ width: 1200px;...原创 2019-09-18 17:55:38 · 140 阅读 · 0 评论 -
9-16 h5总结清除定时器,键盘事件,时间表示
Javascript简介基于对象和事件驱动的脚本语言动态、弱类型特点:动态(声明时无需指定变量类型)弱类型(可以给变量赋值成任意类型)Javascript包括:ECMAscript(基本语法)DOM:(文档对象模型)BOM:(浏览器对象模型)事件类型:onclick onmouseover onmouseoutonmousemove onmouseup onmo...原创 2019-09-16 17:05:54 · 314 阅读 · 0 评论 -
9-11-12 h5总结~文档对象模型、点击事件
总结1.点击事件<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>DOM</title> <style> *{ padding: 0; margin: 0...原创 2019-09-16 09:07:55 · 164 阅读 · 0 评论 -
9-10 h5总结~函数、对象、数组
函数<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> document.write('<h1 style="color: red;">Hello world<h1>...原创 2019-09-10 17:38:58 · 335 阅读 · 0 评论 -
9-9 H5总结~酒店布局~九九乘法表
酒店布局代码如下<div class="box"> <div class="header"> <p> <span> <img src="img/imgs/phone.png"> 400-808-8682 </span> <a href="">...原创 2019-09-09 21:32:03 · 383 阅读 · 0 评论 -
9-6 h5 总结~导航~图片浮动~盒子列表
总结行内元素、块级元素a/span等元素不能设置宽高行内元素:input/a/span块级元素:div/ul/li/ol/p/form/tabledisplay:none/block/inline/inline-block1.盒模型widthheightboder:1px solid red;marginpaddingborder-rightborder-bottom...原创 2019-09-06 19:42:52 · 206 阅读 · 0 评论 -
多媒体元素,音频、视频
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多媒体元素</title> <style> *{ padding: 0; margin:...原创 2019-10-06 16:01:05 · 263 阅读 · 0 评论