一.基本结构htmlhead/headbody/body/html在head与/head之间可以补充title/titlebody/body之间补充内容内容只能补充在body间而不是head中快速生成标准格式创建html文件后首行输入英文后多于内容使用快捷键ctrlshiftk删除首行的DOCTYPE html作用是告诉浏览器当前版本默认都是html5二.快捷键ctrls 快速保存ctrlz 撤销ctrly 恢复ctrl / 单行注释注释是!-- --三.设置语言字符编码等lang...en是英语zh-cn是简中字符编码流程有编码与解码编码不可以随意变换否则会导致内容丢失解码可以。默认都使用UTF-8四.排版标签h1/h1 p/p divdiv等 其中有优先级等 h1h2h3h4等 h1的语义最高 p是指一段段落 div则是指整合在一起没什么大的意义。p可以存在多个但是h1等不能重复五.块内元素与行内元素块级元素独占一行有pdivh等 行内元素不独占一行目前只存在inputinput只用写一个与spaninput type“text”规则1块级元素中能写行内元素和块级元素基本什么都能写规则2块级元素中能写行内元素不能写块级元素特殊规则h1 - h6 不能相互嵌套特殊规则p标签中不能写块元素但p实际上还是块内元素六.favicon.ico图片可配置网站图标需要放在代码文件中同级关系七.常用的文本标签emstrong两者基本上没有什么区别 前者是斜体 后者是加粗span组合的效果和div差不多八.不常用的文本标签九.图片标签不同于上方的favicon.ico图片 这个与文件夹不是同级的关系 而是放到文化夹中img width src altsrc为图片的名字 alt则是自定义一段话 当图片无法正常显示的时候alt设置的话则会显示十.作业!doctype htmlhtml langzh-CNheadmeta charsetUTF-8 /meta http-equivX-UA-Compatible contentIEedge /meta nameviewport contentwidthdevice-width, initial-scale1.0 /title卡牌排序/titlelink relstylesheet hrefstyle.css/headstyle*{text-align: center;}body {margin: 0;padding: 30px;background-color: whitesmoke;color: black;font-family: Microsoft YaHei, sans-serif;font-size: 18px;line-height: 1.8;}/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方片/h2p5-7/pspanimg width100 height150 srcD5.png alt方片5/spanspanimg width100 height150 srcD6.png alt方片6/spanspanimg width100 height150 srcD7.png alt方片7/spanh2红桃/h2p8-10/pspanimg width100 height150 srcH8.png alt红桃8/spanspanimg width100 height150 srcH9.png alt红桃9/spanspanimg width100 height150 srcH10.png alt红桃10/spanh2黑桃/h2pj-k/pspanimg 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效果图