HTML5+CSS+JS
关注
分享
扫一扫
「已注销」
这个作者很懒，什么都没留下…
展开
-
1 HTML背景知识
原创 2019-08-21 11:24:51 · 176 阅读 · 0 评论 -
17 CSS使用过渡
<html><head> <meta charset='utf-8'> <title>transition</title> <style type='text/css'> p{ width:100px; height:100px; background-color:antiquewhite }...原创 2019-09-03 14:12:14 · 233 阅读 · 0 评论 -
18 CSS使用动画
贝塞尔曲线原创 2019-09-03 14:47:29 · 136 阅读 · 0 评论 -
19 CSS使用变换
<html><head> <meta charset='utf-8'> <title>transform</title> <style type='text/css'> p{ width:100px; height:100px; background-color:antiquewhite }...原创 2019-09-03 15:50:28 · 138 阅读 · 0 评论 -
20 HTML动画、过渡实例
<html><head> <meta charset='utf-8'> <title>case</title> <style type='text/css'> .div{ text-align:center } .img{ margin-top:100px; width:200px; ...原创 2019-09-03 16:36:11 · 309 阅读 · 0 评论 -
21 CSS之盒子模型
<!-- Ctrl+D 重复上一行代码 --><html><head> <meta charset='utf-8'> <title>box model</title> <style type='text/css'> .class1{ border:1px solid black; ba...原创 2019-09-04 14:19:20 · 177 阅读 · 0 评论 -
22 JS初步
H5-框架 CSS-美化 JS-动态原创 2019-09-04 14:34:37 · 147 阅读 · 0 评论 -
23 JS变量
1原创 2019-09-05 13:13:17 · 115 阅读 · 0 评论 -
24 JS变量使用
<html><head> <meta charset='utf-8'> <title>variable using</title> <script> var number=100; number=number+200; document.write('<h1>'+number+'<h1&g...原创 2019-09-05 13:26:14 · 176 阅读 · 0 评论 -
25 JS条件语句
<html><head> <meta charset='utf-8'> <title>conditional statement</title> <script> var pwd=prompt('请输入您的密码',''); if(pwd=='123456'){ document.write('登录成功!'...原创 2019-09-05 13:36:05 · 136 阅读 · 0 评论 -
26 JS条件语句2
<html><head> <meta charset='utf-8'> <title>conditional statement2</title> <!-- <script> var number=prompt('请输入一个数字(1-100):',''); if(number=='50'){ doc...原创 2019-09-05 13:45:29 · 145 阅读 · 0 评论 -
27 while循环语句
<html><head> <meta charset='utf-8'> <title>while</title> <script> var pwd=prompt('请输入您的密码:',''); while(pwd!=='123456'){ pwd=prompt('密码输入错误,请重新输入:','') ...原创 2019-09-05 13:56:21 · 128 阅读 · 0 评论 -
16 CSS设置文本样式(下)
<html><head> <meta charset='utf-8'> <title>text</title> <style type='text/css'> .class1{ font-family:宋体; font-size:40px; font-style:oblique; fon...原创 2019-09-03 13:46:49 · 121 阅读 · 0 评论 -
15 CSS设置文本样式(上)
<html><head> <meta charset='utf-8'> <title>text</title> <style type='text/css'> .class1{ text-align:left; direction:ltr; letter-spacing:10px; wor...原创 2019-09-03 13:45:12 · 138 阅读 · 0 评论 -
14 CSS控制边框和背景
<html><head> <meta charset='utf-8'> <title>border_bg</title> <style type='text/css'> .class1{ border-width:1px; border-color:#345cff; border-style...原创 2019-09-02 17:45:30 · 168 阅读 · 0 评论 -
3 创建HTML5文档
<!--注释一行快捷键:Ctrl+/ 注释选中部分快捷键:Ctrl+Shift+/--><!--<!DOCTYPE html>--><!--Chrome得知自己要处理的内容是html--><!--<html lang='en' Chrome的翻译功能>文档中html部分的开始--><html><he...原创 2019-08-21 14:46:07 · 194 阅读 · 0 评论 -
4 HTML基本元素
1. 超链接:a2. 粗体:b(bold)3. 斜体:em(emphasis)4. 下划线:u(underline)5. 删除线:s(strickthrough/strickout)<html><head> <meta charset='utf-8'> <title>title</title></head>...原创 2019-08-21 16:06:28 · 128 阅读 · 0 评论 -
6 HTML5列表元素
ol(oedered list)li(list)reversedtype(默认为123,可设置为a/A/i/I)ul(unordered list)<html><head> <meta charset='utf-8'> <title>list</title></head><body><...原创 2019-08-23 13:58:52 · 322 阅读 · 0 评论 -
5 HTML5表格元素
table 表格tr 行(row)td 单元格thead 表头th 表题(head) 粗体居中tbody 表体tfoot 表脚br 换行符(break)border=‘1px’ align=‘center’colspan=‘2’ rowspan=‘2’<html><head> <meta charset='utf-8'> <ti...原创 2019-08-23 13:25:39 · 194 阅读 · 0 评论 -
7 HTML表单元素(上)
<html><head> <meta charset='utf-8'> <title>form</title></head><body><form> <input type='text'><!-- 单行文本框 --> <br><br>...原创 2019-08-27 15:59:14 · 177 阅读 · 0 评论 -
8 HTML表单元素(中)
<html><head> <meta charset='utf-8'> <title>form2</title></head><body><form> <input type=button value='按钮'> <button>按钮</button>...原创 2019-08-28 17:21:41 · 163 阅读 · 0 评论 -
9 HTML表单元素(下)
<html><head> <meta charset='utf-8'> <title>form3</title></head><body><form> <input type='email'> <input type='tel'> <input type...原创 2019-08-29 13:19:32 · 203 阅读 · 0 评论 -
10 HTML5嵌入图片与创建分区响应图
<html><head> <meta charset='utf-8'> <title>image</title></head><body><img src='D:\0Files\pics\head.jpg' width='80px'><!-- height自适应 --><...原创 2019-08-29 14:33:53 · 217 阅读 · 0 评论 -
11 HTML5嵌入视频
<html><head> <meta charset='utf-8'> <title>video</title></head><body><video src='D:\0Files\HTML+CSS+JS\11 吒儿.mp4' controls preload='auto' poster='D...原创 2019-08-29 15:31:57 · 267 阅读 · 0 评论 -
12 CSS初步
<html><head> <meta charset='utf-8'> <title>CSSprimary</title> <link rel='stylesheet' type='text/css' href='D:\0Files\HTML+CSS+JS\12 CSS初步.css'> <!-- 绿色...原创 2019-08-30 13:05:28 · 192 阅读 · 0 评论 -
13 CSS选择器
<html><head> <meta charset='utf-8'> <title>selector</title> <style type='text/css'> a{ <!-- 选择所有元素* 根据类型选择元素a/p/h1 根据类选择元素.class 根据ID选择...原创 2019-09-02 16:34:11 · 199 阅读 · 0 评论 -
28 for循环
在这里插入代码片原创 2019-09-05 14:05:00 · 192 阅读 · 0 评论