![](https://img-blog.csdnimg.cn/bdd333f2d1954a519ed59baf3ff3953b.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
web前端新手必看16篇
这时新手阶段看的基本代码,可以去哔哩哔哩搜索视频学习
修罗_
移动应用专业,前段,Java,MySQL,安卓
展开
-
web前端学习15-JavaScript执行语句
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js判断语句2</title> </head> <script> var name=prompt("请输入1-100:",""); while (name!=="50"){ } if (name>0&name<101) {/* 外部原创 2020-06-13 14:42:42 · 137 阅读 · 0 评论 -
web前端学习14-JavaScript判断语句
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js判断语句</title> </head> <script> var pwd=prompt("请输入您的密码","");//var表示这是一个变量 if (pwd=="123456") {//判断如果pwd==“123456”,就执行下面操作 document.wr原创 2020-06-13 14:18:35 · 235 阅读 · 0 评论 -
web前端学习13-JavaScript变量
下面展示一些 内联代码片。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js变量</title> </head> <script type="text/javascript"> var kaopu=prompt("输入信息","文本值");//提示框 alert(kaopu); var number="<p原创 2020-06-13 14:04:41 · 97 阅读 · 0 评论 -
web前端学习12-JavaScript初步学习
<!DOCTYPE html><html language="javascript"> <head> <meta charset="utf-8"> <title>js初步学习</title> </head> <script type="text/javascript">/* 内嵌式js,type不写的话默认是JavaScript */ alert("欢迎")//提示框 <原创 2020-06-13 11:54:42 · 101 阅读 · 0 评论 -
web前端学习11-css动画实例
界面浏览 HTML动画过渡实例 <html> <head> <meta charset="utf-8"> <title>HTML动画过渡实例</title> <style type="text/css"> .div{ text-align: center; } .image{ margin-top: 20px; width: 20%; height原创 2020-06-13 11:31:17 · 93 阅读 · 0 评论 -
web前端学习10-css盒子模型
学习10-css盒子模型<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css盒子模型</title> <style type="text/css"> .div1{ text-align: center; border: 1px solid red; background-color: #00FFFF;原创 2020-06-13 10:02:00 · 88 阅读 · 0 评论 -
web前端学习9-css动画变换
学习8-css动画变换<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css使用变换</title> <style type="text/css"> p{ width: 100px; height: 100px; background-color: #F0F8FF; } p:hover{原创 2020-06-12 16:09:09 · 87 阅读 · 0 评论 -
web前端学习8-css动画
学习8-css动画<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css动画</title> <style type="text/css"> p{ width: 100px; height: 100px; background-color: antiquewhite; } p:hover{原创 2020-06-12 15:26:33 · 112 阅读 · 0 评论 -
web前端学习7-css动画过渡
学习7-css动画过渡<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css使用过渡</title> <style type="text/css"> p{/* 初始属性 */ width: 100px; height: 100px; background-color: #00FFFF; }原创 2020-06-12 14:50:49 · 119 阅读 · 0 评论 -
web前端学习6-2-html音频
html音频咱们这个音频也不是多大内容,基本操作会就行了<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>音频</title> </head> <body> <!-- autopaly是自动播放src是文件路劲 controls是显示控件 --> <audio src="song.ogg" contr原创 2020-06-12 12:57:24 · 102 阅读 · 0 评论 -
web前端学习6-1-html视频
学习6-html视频<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>视频</title> </head> <body bgcolor="antiquewhite"><!-- 背景 --> <!-- autoplay自动播放 --> <!-- preload预加载 --> <原创 2020-06-12 12:53:22 · 264 阅读 · 0 评论 -
web前端学习5-css样式
学习5-文字css样式和背景下面三个案列我已经详细介绍了css文字样式和背景 <meta charset="utf-8"> <title>css文本样式</title> <style type="text/css"> .class1{ background-attachment: fixed;/* 背景是否随着滚轮滚动,fixed为否 */ background-repeat: repeat;/* 背景图片重复填充 */原创 2020-06-12 12:51:44 · 102 阅读 · 0 评论 -
web前端学习4-html图形响应区
学习4-html创建图形响应区创建图片响应区是当我们点击超链接时的图形区域块,这个可以根据我们的代码来设置图形区域,从而实现美观的效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>创建图片</title> <!-- src是路劲,alt是当加载图片失败显示时显示的内容 --> <!-- a标签里面可以放任何东西 -->原创 2020-06-12 12:47:39 · 167 阅读 · 0 评论 -
web前端学习3-HTML表格
学习3-html表格详解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格</title></head><body><table border="1px"><!--border显示框线为1px--><caption><h2>caption</原创 2020-06-12 12:44:31 · 103 阅读 · 0 评论 -
web前端学习2-html表单
学习2-表单表单1<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单元素(上)</title> </head> <body> <form><!-- 用于为用户输入创建html表单 --> <!-- 单行文本框 --><!--input type属性值默认为text,设不设原创 2020-06-12 12:42:16 · 98 阅读 · 0 评论 -
web前端学习1-网页基本标签标签(入门篇)
超链接and字体默认超链接target-blank超链接target-self超链接target-top超链接target-parent超链接删除线加粗加粗下划线斜体删除线加粗下划线斜体原创 2020-06-12 12:30:04 · 187 阅读 · 0 评论