html4

有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种（重要）？如何嵌套？


    第一步HTML
    第二步css
    第三步js


    性别
    年龄
    户籍


    历史书籍
    《史记》
    《汉书》
    《宋史》
    管理类书籍
    《海底捞你永远都学不会》
    《怪诞心理学》
    《消费者行为学》

三者的区别：ol是有顺序的，先后顺序，或者是递进等等；
ul是并列关系，每一个li的地位是平等的；
dl是自定义列表，有个分类归纳概括li。
嵌套练习：（可以互相嵌套，但是ol,ul下面必须是li。)


    第一步HTML
        
            任务4
            任务6
            任务7
            ...
        
    
    第二步css
    第三步js


    性别
        男  
        女  
    
   年龄
   户籍


    历史书籍
    《史记》
        
         史记上
         史记中
         史记下
    
    《汉书》
    《宋史》
    管理类书籍
    《海底捞你永远都学不会》
    《怪诞心理学》
    《消费者行为学》

如何去除列表前面的点或者数字？

list-style:none;

class 和 id 有什么区别？什么时候用 class 什么时候用 id？

class id优先级不同，class相当于10，id相当于100；
class 是类选择符，同一个名称可以用于多个标签，id一个名字只对应一个标签；
平时用class 比较多，header/content/footer/logo/表单for的那里必须用id;

块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？

块级元素：独占一行
可以设置宽高，内外边距

行内元素：内联元素可以同占一行
不可以设置宽高，上下内外边距失效
代码换行被解析

inline-block:可以设置行高，内外边距
可以同占一行
代码换行被解析

块级元素：div、P、h1-h6、ul、ol、dl、p、table等
行内元素：span、em、b、i、a、img、button、input等

display: block 转化为块级元素
display: inline 转化为行内元素
display: inline-block 兼具内联块状元素优点

下面代码是做什么的？抄写一遍下面的代码，注意class和id的使用及命名方式

QQ截图20160612171557.png

如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节

form表单有什么作用？有哪些常用的input 标签，分别有什么作用？

form 收集用户数据传递给后台。





点击后会提交数据

post 和 get 方式的区别？

get是通过提交少的信息获取尽量多的信息；url中会明文显示所提交的信息；不安全。
post则是可以提交多的信息；得到的反馈是内容较少的信息提示，url中不会显示所提交的信息；比较安全。

在input里，name 有什么作用？

name是相关表单数据的名称

、提交、三者有什么区别？

中间可以是图片等各种类型标签，可以通过onclick绑定javascript事件

提交可以做一个按钮，不向后台提交数据
中间只能是文本，可以自动提交数据。
不会提交

radio 如何分组?

name 值相同为一组

placeholder 属性有什么作用?

设置提示或默认信息

姓名：

type=hidden 隐藏域有什么作用? 举例说明

用来隐藏暂存信息,安全验证

本教程版权归xx（自己）和饥人谷所有，转载须说明来源