一、HTML部分
本小节重点： 熟练使用div+span布局，知道div和span的语义化的意思 熟悉对div、ul、li、span、a、img、table、form、input标签有深刻的认知，
初期也了解他们，知道他们在浏览器上的初始化样式是怎样的。 熟练网站布局结构 比如 header区域，侧边栏区域，内容区域，脚部区域
1、XHTML和HTML有什么区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
下面说一说HTML5和XHTML在语法上的区别：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
----------------------------------
XHTML 区分大小写
XHTML 属性值要用双引号
XHTML 用 id 属性代替 name 属性
XHTML 特殊字符的处理
2、前端页面有哪几层构成，分别是什么?作用是什么?
1, 结构层 Html(页面结构内容，骨架) 表示层 2, CSS（网页的样式和外观） 3, js（页面的行为-----实现网页的交互，动画效果）
3、请描述一下 cookies，sessionStorage 和 localStorage 的区别？
cookies 英 /'kʊkiz/ 美 /'kʊkiz/ n饼干
session 英 /'seʃ(ə)n/ 美 /'sɛʃən/ 会议
storage 英 /'stɔːrɪdʒ/ 美 /'stɔrɪdʒ/ n. 存储；仓库；贮藏所
会话级别的存储---本地存储
-------------------------------------------------------------------------------------------
cookie在浏览器和服务器间来回传递。
而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存
sessionStorage和localStorage的存储空间更大；
有更多丰富易用的接口；各自独立的存储空间；
Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的
4、form表单中input标签的readonly和disabled属性有何区别？
readonly=“readonly”是只读，不可以修改， disabled=“disabled”是禁用，整个文本框是显示灰色状态
Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，
但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去
而readonly会将该值传递出去（readonly接受值更改可以回传，disable接受改但不回传数据）。
-----------------------------------------------------------------------------------
form 中method是数据传递的方式，action是与后台数据库提交的
<form> 标签用于为用户输入创建 HTML 表单。
5、内联标签有哪些？块级标签有哪些？
行内标签：a(超链接) b(加粗) img em br i span input select
行内元素在一行内展示，不能设置宽高，它的宽高是根据内容去填充
display:inline-block，设置行内元素设置宽高
| block | 此元素将显示为块级元素，此元素前后会带有换行符。 |
块级标签：div p h1-h6 form ul dl ol table
<li> 标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
6、内联标签和块级标签有什么区别？
内联标签不可以设置宽高，不独占一行； 块级标签可以设置宽高，独占一行。
7、简述form标签的功能和属性？
功能：表单用于向服务器传输数据，从而实现用户与Web服务器的交互 属性： 1，action: 表单提交到哪.
一般指向服务器端一个程序,程序接收到表单提交过来的数据（即表单元素值）作相应处理； 2，method: 表单的提交方式 post/get默认取值就是get。
8、图形标签是什么，它的主要属性有哪些？
<img>标签 主要属性： src: 要显示图片的路径. alt: 图片没有加载成功时的提示. title: 鼠标悬浮时的提示信息. width: 图片的宽 height:图片的高 (宽高两个属性只用一个会自动等比缩放.)
9、input标签都有哪些类型？
type： text 文本输入框 password 密码输入框 radio 单选框 checkbox 多选框 submit 提交按钮 button 按钮(需要配合js使用.) file 提交文件
10、input标签都有哪些属性？
name：表单提交项的键
value：表单提交项的值.对于不同的输入类型，value 属性的用法也不同
checked：radio 和 checkbox 默认被选中
readonly：只读. text 和 password
disabled：对所用input都好使
11、src和href的区别？
src指向外部资源的位置, 用于替换当前元素, 比如js脚本, 图片等元素
href指向网络资源所在的位置, 用于在当前文档和引用资源间确定联系, 加载css
12、选择器中 id，class有什么区别？
在网页中 每个id名称只能用一次，class可以允许重复使用