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%（和父元素的宽度一致），除非设定一个宽度。
<div>、 <p>、<h1>、<form>、<ul> 、 <li>就是块级元素

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

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.用于向服务器上传用户提交的信息，向服务器请求到自己所需要的内容。

<input type="text">输入文本比如输入用户名
<input type="password" 输入密码>
<input type="checkbox" 多选选项>
<input type="radio" 单选选项>
<input type="hidden" 隐藏数据，用于安全>
<input type="submit" 提交>
<input type="file" 上传文件>
<input type="rest" 重置>

9.post 和 get 方式的区别？

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

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

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

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

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

12.radio 如何分组?

设置同一个name,可产生单选效果。
apple:<input type="radio" name="apple" value="iphone6s">iphone6s <input type="radio" name="apple" value="iphone6">iphone6

1.placeholder 属性有什么作用?

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

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

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