xubinger2021-CSDN博客

原创 Visual Studio Code:Web前端——登录、注册界面、个人相册

制作一个网页，有登录界面、注册界面和个人相册界面，注册成功后在登录界面登录成功后进入个人相册界面,个人相册里的所有图片是顺时针旋转的。若失败返回登录界面，登录界面和注册界面可相互切换。代码：login.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg

2021-08-05 11:06:17 17020 3

原创 Visual Studio Code：JavaScript——JS运算符、JS流程控制（if）

【关卡前提】掌握JS基础属性根据需求搜索对应扩展属性【关卡知识】JS运算符JS流程控制（if）【关卡要求】练习一：要求用户输入一个整数，判断这个数是否在100~200之间的数练习二：要求用户输入两个整数，找出最大的那个数之后输出练习三：有两个变量，要求交换两个变量中保存的数据交换前：a = 10, b = 5 交换后:a = 5, b = 10提示：prompt()：用户可在页面输入【关卡效果】练习一：练习二：练习三：【知识补充】JavaScri

2021-06-09 16:41:04 421

原创 Visual Studio Code：JavaScript——使用变量进行姓名、年龄、电话号码的储存，通过alert弹框显示数据

【关卡前提】掌握JS基础属性根据需求搜索对应扩展属性【关卡要求】使用变量进行姓名、年龄、电话号码的储存，通过alert弹框显示数据。【关卡效果】练习一：【知识补充】JavaScript 变量与代数一样，JavaScript 变量可用于存放值（比如 x=5）和表达式（比如 z=x+y）。变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。变量必须以字母开头变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做

2021-06-08 14:22:22 1428

原创 Visual Studio Code：CSS——过渡、动画

【关卡前提】掌握CSS动画基础属性根据需求搜索对应animation、transform属性【关卡知识】CSS动画u CSS过渡【关卡要求】整体居中于浏览器循环播放动画【关卡效果】《动画练习一》练习效果图如下：《动画练习二》练习效果图如下：【知识补充】练习一代码：在这里插入代码片...

2021-06-07 16:28:47 807

原创 Visual Studio Code——CSS盒子模型

【关卡前提】掌握CSS基础属性根据需求搜索对应CSS属性【关卡知识】CSS盒子模型边框定位【关卡要求】练习一：完成《鲁能足球》网页练习【关卡效果】《鲁能足球队》网页练习效果图如下：【代码】<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&g

2021-06-04 18:37:37 2376

原创 Visual Studio Code:HTML——表单

【关卡前提】掌握HTML 表单制作【关卡知识】表单标签表格标签【关卡要求】完成《个人简历》练习【关卡效果】《个人简历》练习效果图如下：【知识补充】HTML 合并单元格如果要将两个或多个列合并为一个列，将使用colspan属性如果要合并两行或更多行，则将使用rowspan属性【代码】...

2021-06-03 14:00:29 2439

原创 Visual Studio Code ：Web前端——列表、表格

【前提】掌握HTML列表标签掌握HTML表格标签【要求】完成《列表标签》练习完成《小说排行榜》练习【效果】《列表标签》练习效果图如下：小说排行榜练习效果如下：【知识补充】HTML列表HTML 支持有序、无序和定义列表HTML表格【代码】《列表标签》练习代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <m

2021-06-02 16:47:46 4131

原创 Web前端：HTML标签——Visual Studio Code

【前提】掌握HTML结构掌握HTML常用标签的使用【知识】【要求】使用HTML标签完成《糖醋排骨》菜谱练习使用HTML标签完成《楚乔传》网页练习扩展：点击集数跳转到详细介绍【效果】《糖醋排骨》菜谱练习效果图如下：《楚乔传》练习效果图如下：【知识补充】...

2021-06-01 19:29:22 483

m0_58822294的博客