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

<ol><!--有序列表-->
    <li>第一步HTML</li>
    <li>第二步css</li>
    <li>第三步js</li>
</ol>
<ul><!--无序列表-->
    <li>性别</li>
    <li>年龄</li>
    <li>户籍</li>
</ul>
<dl>
    <dt>历史书籍</dt>
    <dd>《史记》</dd>
    <dd>《汉书》</dd>
    <dd>《宋史》</dd>
    <dt>管理类书籍</dt>
    <dd>《海底捞你永远都学不会》</dd>
    <dd>《怪诞心理学》</dd>
    <dd>《消费者行为学》</dd>
</dl>

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

<ol>
    <li>第一步HTML
        <ol>
            <li>任务4</li>
            <li>任务6</li>
            <li>任务7</li>
            <li>...</li>
        </ol>
    </li>
    <li>第二步css</li>
    <li>第三步js</li>
</ol>
<ul>
    <li>性别
        <ul>男</ul>  
        <ul>女</ul>  
    </li>
   <li>年龄</li>
   <li>户籍</li>
</ul>
<dl>
    <dt>历史书籍</dt>
    <dd>《史记》
        <ul>
         <li>史记上</li>
         <li>史记中</li>
         <li>史记下</li>
    </dd>
    <dd>《汉书》</dd>
    <dd>《宋史》</dd>
    <dt>管理类书籍</dt>
    <dd>《海底捞你永远都学不会》</dd>
    <dd>《怪诞心理学》</dd>
    <dd>《消费者行为学》</dd>
</dl>

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

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 收集用户数据传递给后台。

<input type="taxt" name=""/>
<input type="password" name=""/>
<input type="checkbox" name=""/>
<input type="radio" name=""/>
<input type="subline" value="提交"/>点击后会提交数据

post 和 get 方式的区别？

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

在input里，name 有什么作用？

name是相关表单数据的名称

<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交"> 三者有什么区别？

<button>提交</button>中间可以是图片等各种类型标签，可以通过onclick绑定javascript事件

<a class="btn" href="#">提交</a>可以做一个按钮，不向后台提交数据
<input type="submit" value="提交"> 中间只能是文本，可以自动提交数据。
<input type="button" value="提交">不会提交

radio 如何 分组?

name 值相同为一组

placeholder 属性有什么作用?

设置提示或默认信息

姓名：<input type="text" placeholder="请输入你的姓名" name="getName" />

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

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

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