HTML 4

---

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

有序列表；无序列表；自定义列表

列表	解释
有序列表	每项之间有先后顺序one by one
无序列表	每项之间无先后顺序并列关系可调换位置(用的最多)
自定义列表	表示 dt(列表头)对dd(列表内容)概括或具有父子属性关系等

分块，先大后小把项目分成几大块然后在大块里面填充小块，有点树状图的感觉

Paste_Image.png

---

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

加代码list-style: none

---

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

相同点：可用于任何元素
不同点：ID选择器只能在文档中使用一次，class可多次；可以使用类选择器词列表方法为一个元素同时设置多个样式，ID选择器是不可以的。

---

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

• 块级元素
  1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。
  2、元素的高度、宽度、行高以及顶和底边距都可设置。
  3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
  
  、

  、

  、

  、

  、
  • 就是块级元素

• 行内元素
  1、和其他元素都在一行上，排满了才会倒下一行。
  2、元素的高度、宽度及顶部和底部边距不可设置。
  3、元素的宽度就是它包含的文字或图片的宽度，不可改变。
  、、、 、 就是行内元素。

---

5.display: block、display: inline、display: inline-block分别有什么作用?

元素转换	作用
display: block	将元素呈现为块级元素，使一些内联元素有块级元素的特性设置高宽等等。
display: inline	将元素呈现为内联元素，前后不带换行符。
display: inline-block	应用此特性的元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性。

[display:inline、block、inline-block的区别]

---

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

代码抄写

---

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

给某块内容用上一个最恰当最合适的标签，这样一来，不管是谁都能看懂这块内容是什么。利于后期的维护和修改，提高团队合作效率。
平常写代码不要用拼音，注意保持自己的风格形成习惯，HTML每个标签都有自己的语义，都有自己适用的范围。但往往会被我们忽略或者被我们滥用，不要都是div到底。

---

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

1.用于向服务器上传用户提交的信息，向服务器请求到自己所需要的内容。

输入文本比如输入用户名

---

9.post 和 get 方式的区别？

1.数据提交方式不同：get提交的数据url上能看到，post不能。
2.get一般用于提交少量数据，post用于提交大量数据。
3.get提交的数据大小不大于1k，浏览器的限制；post理论上来说无限制，受服务器限制。
4.get提交的数据再浏览器历史记录中，安全性不好。

---

10.在input里，name 有什么作用？

与服务器交换数据的标识。

---

11.1.提交 2.提交、 3.三者有什么区别？

1就只是页面上的一个提交按钮形状，2是点击后是个a链接还是在本页面，没什么作用，3是把用户输入的数据提交到了服务器

---

12.radio 如何分组?

设置同一个name,可产生单选效果。
apple:iphone6s iphone6

---

1.placeholder 属性有什么作用?

设置输入字段预期值的提示信息，该提示会在输入字段为空时显示，并会在字段获得焦点时消失

---

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

其作用为暂存数据或用于安全校验使用；

Paste_Image.png

在用户再打开的页面埋个数字段（后台即时生成每次不一样），当提交的时候会一起提交到后台，一致了后台就会认可是本人提交的信息，不一致或者没有后台就不会接受你的请求。

---

任务7 代码题

---

               本教程版权归 饥人谷_Josh和饥人谷所有，转载须说明来源