一.计算机基础二.软件1.应用软件两种架构C/S架构 B/S架构afterDelay:修改完代码后多久自动保存onFocusChange当焦点改变帮忙保存文件onWindowChange:点击除vscode的软件自动保存ctrlz:撤销ctrls保存ctrl/:生成!-- --ctrlshiftk:删除箭头所在的一整条shiftalt上箭头把当前这行向上复制一行shiftalt下箭头把当前这行向上复制一行三.网页的认识你右键按检查之后就是会像视频这样子上下分屏。但是如果你按的是查看源代码就是另外一个页面这两个不一样四.HTML1.HTML标签input typetext 输入框中输入的类容看的见input typepassword输入框输入的类容会被隐藏input disabled输入框中无法输入2.HTML的基本结构5. 代码htmlheadtitle网页标题/title/headbody......../body/html6.安装Live Server插件必须用vscode打开的是一个文件夹live sever才能正常工作打开的网页必须是标准的HTML结构否则无法自动刷新3.HTML注释4.文档生明!DOCTYPE html只是标记不是标签且将html踩在脚下5.HTML字符编码6.HTML设置语言7.HTML的标准结构8.HTML代码标签名的用法9.HTML标题标签h1段落标签ph,p,div ul 都为块级元素语义化标签10.块级元素与行内元素的规则11.HTML文本标签HTML不常用的文本标签12.HTML图片标签imag是行内元素!doctype htmlhtml langzh-CNheadmeta charsetUTF-8 /meta http-equivX-UA-Compatible contentIEedge /meta nameviewport contentwidthdevice-width, initial-scale1.0 /title卡牌排序/titlelink relstylesheet hrefstyle.css/headstyleh2{color:darkblue;}h3{color:grey;}/stylebodymainh2梅花/h2h32~4/h3spanimg width100 height150 srcC2.png alt梅花2/spanspanimg width100 height150 srcC3.png alt梅花3/spanspanimg width100 height150 srcC4.png alt梅花4/spanh2方片/h2h35~7/h3spanimg width100 height150 srcD5.png alt方片5/spanspanimg width100 height150 srcD6.png alt方片6/spanspanimg width100 height150 srcD7.png alt方片7/spanh2红桃/h2h38~10/h3spanimg width100 height150 srcH8.png alt红桃8/spanspanimg width100 height150 srcH9.png alt红桃9/spanspanimg width100 height150 srcH10.png alt红桃10/spanh2黑桃/h2h3j~k/h3spanimg width100 height150 srcSJ.png alt黑桃J/spanspanimg width100 height150 srcSQ.png alt黑桃Q/spanspanimg width100 height150 srcSK.png alt黑桃K/spanspanimg width100 height150 srcSA.png alt黑桃A/span/main/body/html