任务七

• 有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？使用场景是什么？ 能否嵌套？

这是一个有序列表：

 `<ol>` 
    `<li>第一步</li>`
    `<li>第二步</li>`
`</ol>`

效果如下：

1.第一步

2.第二步

有序列表在语义上表示一个先后顺序；

这是一个无序列表：

 `<ul>` 
    `<li>苹果</li>`
    `<li>梨子</li>`
`</ul>`

效果如下：

·苹果

·梨子

无序列表在语义上不分先后，例如类别的列举；
这是一个自定义列表：

 `<dl>` 
    `<dt>iPhone</dt>`
    `<dd>苹果公司出的手机</dd>`
`</dl>`

效果如下：

iPhone

    苹果公司生产的手机

自定义列表是一个名词与其解释的组合。
自定义列表、有序列表与无序列表之间可以相互套用。

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

li{list-style-type:none;}

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

class定义一个类名，不是唯一的可以应用在页面上任意多的元素上；id在一个页面中是唯一的只能用在一个元素上。

class常用于各种类别的定义，id常用于页面布局，标识结构性元素，此外也会用于标识一次性元素。

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

块级元素通常会占据其父元素的整个空间，像是创建出一个块；
行内元素只占据它对应标签的边框所包含的空间。

区别：默认情况下，块级元素会新起一行。一般块级元素可以包含行内元素和其他块级元素。

默认情况下，行内元素不会以新行开始，行内元素只能包含数据和其他行内元素。

• 常用的行内元素：big,small,tt,abbr,cite,code,em,strong,var,a,br,map,img
  ,object,span,sup,sub,botton,input,label,select,textarea，b.

• 常用的块级元素：p,div,form,ul,ol,dl,blockquote,hr,h1~h6,fieldset,table,pre,
  tfoot,article,address.

• display: block、display: inline、display: inline-block分别有什么作用?####

display:block--可将行内元素转化成块级元素，拥有块级元素的属性；控制显示与display：none相反；

display:inline--将块级元素转化成行内元素，拥有行内元素属性；

display：inline-block使元素同时拥有行内元素与块级元素的属性。

• 下面代码的作用?####

  `<div id="header"></div>`
  `<div id="content">`
    `<div class="main"></div>`
    `<div class="aside"></div>`
  `</div>`
  `<div id="footer"></div>`
  

该段代码将页面分成三行布局，头部，内容区，底部；内容区又分为侧边栏与主内容区域。

• 如何理解 HTML CSS 语义化?####

HTML标签本身是意义的。排版布局尽量使用有意义的标签或者命名，让别人在看代码的时候就可以明白页面的布局。例如：导航就使用nav，侧边栏就用aside等。

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

form表单就是用用来向服务器提交数据用的；
常用的input标签有button普通按钮；checkbox复选框；file上传文件；hidden隐藏按钮；image上传图片；password密码框；radio单选按钮；reset重置按钮；submit提交按钮；text文本框；url网址；email邮件。

• post 和 get 方式的区别？####

post与get都可用来接收和发送数据；
post较get提交的数据量要大很多，一般情况下内容较多的表单都会用post提交；
get提交的数据都会在浏览器地址栏显示出来，特别是账号密码容易引起安全风险，而post不会。

• 在input里，name 有什么作用？####

input里name属性规定input元素的名称；且可以对提交到数据库的表单数据进行标识。页面中JavaScript也可以通过name引用表单数据。

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

  <button>提交</button>仅仅是一个简单的按钮；
  <a class="btn" href="#">提交</a>带有超链接样式为btn的提交；
  <input type="submit" value="提交">可用作表单的提交按钮。

• radio 如何 分组?####

定义相同的name属性值。

• placeholder 属性有什么作用?####

placeholder属性提供可描述输入字段与预期值的提示信息，输入字段为空时会显示，获取到焦点后消失；适用于input的类型有：text,search,url,telephone,email,password。

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

隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息。