任务七-HTML（4）

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

答：有序列表用来表示有明显顺序的项目：在ol标签里包含若干li。无序列表用来表示级别程度类似的项目：在ul标签里包含若干li。自定义列表在语义上表达需要自行定义并给出解释的项目：以dl标签开始，dt表示列表项，每一项的定义则是标签dd。

三种列表方式的代码及展示

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

答：针对ol或ul标签写样式：list-style:none.

<style type="text/css">
li{list-style:none;}
</style>```

####3.class 和 id 有什么区别？什么时候用 class 什么时候用 id？
答：class 可以在样式表内被多次引用，ID只能被使用一次。在页面分区时某些只能使用一次的区块元素使用id标记，而class更多的是标记那些比较通用的元素。一般不会随便使用id选择器。

####4.块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？
答：
* 块级元素占用空间是一整行并且不能在一行之内显示。
例如div ,p,ul,ol,li等。
* 行内元素是占用它自身的宽度却可以在一排之内显示对于他们来说手动设置宽高是无效的。但为行内元素添加左右margin padding是有效 的，而上下不占据空间。如：span,a等。

####5.display: block、display: inline、display: inline-block分别有什么作用?
答：display ：block-以块级元素的方式去展示 display：inline -以行内元素方式去展示 display：inline-block元素既能在行内排列又能体现块级元素特性。比如对于一个a标签，既想对它定义高宽度，又不想让其换行时可以使用。

####7.如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节
答：在平时写代码的时候，如何定义每个类的名称是比较困难的一件事情。我们要尽量养成自己简洁统一的风格，比如用下划线就连接两个单词就一直这样做等等。不要用拼音缩写等等不专业不规范的写法。语义化的出现会让有些时候减少命名的困扰，因为语义化可以在读代码时候给我们指引。

####8.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
答： 将用户提交的数据放到后台。常见的input标签有以下几个例子：

<input type="text">：输入
<input type="submit" >：提交
<input type="password">: 输入密码
<input type="checkbox" >：多选选项
<input type="radio" >：单选选项
<input type="hidden" >：隐藏

####9.post 和 get 方式的区别？
答：post 可以传输大量数据，主要用于更新资源信息并且安全性高。而get由于受到浏览器的限制只能提交1K以下的数据，并且提交的数据Url上能被看到。

####10.在input里，name 有什么作用？
答：name就像是名字，作为可与服务器交互数据的HTML元素的服务器端的标示。

####11.<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交"> 三者有什么区别？
答：①第一种是做了一个按钮形状，但是不会点开链接。②使用a标签做了一个链接，href="#”点开还是在本页面。③可以将用户输入后的文本数据上传到服务器。

![三种方式的展示](https://img.haomeiwen.com/i2349092/750e55b62dfcc42a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


####12.radio 如何 分组?
答：通过name值的设置，name相同的radio被认为是同一组，实现单选效果。

####13.placeholder 属性有什么作用?
答：在用户输入文本信息的时候，placeholder属性顾名思义会在文本框里显示提示的信息。当用户输入时提示信息会被隐藏。
```  <input type="text" name="first_name" placeholder="用户名..." />```
![](https://img.haomeiwen.com/i2349092/20f8245eddd2b8f3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

####14.type=hidden隐藏域有什么作用? 举例说明
答：隐藏域在页面里不会被看到，但是存在源代码中，用于安全校验。eg：name=“number” value=“12345678”服务器会将这组数字对比是否一致以用来确认是否为本人操作。
****
****本教程版权归饥人谷_鬼脚七和饥人谷所有，转载须说明来源****