1.讲一讲html中都有哪些列表元素
-
有三个,分别是有序列表,无序列表,和定义列表。一般布局列表的时候有两个手段
-
div盒子去布局
-
ul>li 去布局 让元素语义化。但是用li布局的话会有很多默认的样式,我们需要做样式重置
list-style-type: none;
-
-
其中三个列表的特性分别是
-
有序列表ol>li 他的直接子元素只能是小li 效果图如下
-
无序列表的话是 ul>li 这个是开发中最常见的
-
定义列表的话是 dl>dt+dd 其中dt是每一项的项目名,而dd是列表中每一项的具体描述 一般一个dt后面跟着多个dd
-
2.讲一讲表格元素以及使用方法
-
表格常见的元素是table、tr(表格中的行)、和td( 行中的单元格)
-
表格需要属于非常重要的一个属性就是border-collapse
-
用来决定表格的边框是分开还是合并的,
一般我们会写 border-collapse: collapse; 让边框合并
-
表格元素还有两个属性非常重要,分别是
-
跨列合并:colspan
-
跨行合并:rowspan
-
-
这种是合并几个 数字写几个
3.讲一讲表单元素吧
-
html表单元素是和用户交互的重要方式之一,很多网站都需要表单元素
-
使用最多的元素是input,搭配text(文本输入框)password(密码输入框)radio(单选框)checkbox(复选框)button(按钮)reset(重置)submit(提交)file(文件上传)以及最重要的name(名字)和value(取值)
4.讲一讲label元素吧以及label和input的关系
-
label元素一般跟input一起使用,用来表示input的标题
-
<label for="username"> 用户: <input id="username" type="text"> </label>
5.讲一讲from属性
-
form的话通常作为表单元素的父亲元素 因为
-
form可以将整个表单作为一个整体来进行操作;
-
比如对整个表单进行重置
-
比如对整个表单的数据进行提交i
-
-
from常见的属性有
-
action:用于提交表单数据的请求URL
-
method:请求方法(get和post)默认是get
-
target:在什么地方打开url 参考小a元素的target
-
6.你对Emmet语法有了解吧,说说你知道的
-
emment是一个大幅度提高前端开发效率的工具,vscode内置了emment语法,比如在html文档中输入! 按table快捷键 会快速生成完整结构的html5代码
-
emment语法有很多 比如>子代 和 +兄弟 可以快捷输出代码
7.讲一讲你认为的能够方便开发的结构伪类工具
-
:nth-child(1) 这里指的是父元素的第一个子元素,这个大家都知道
-
:nth-child(2n) 这里的话就是父元素的第偶数个子元素(2,4,6。。。。)
-
:nth-child(2n+1) 这就是第奇数个子元素了(1,3,5。。。)
-
:nth-child( -n+2 ) 这就 是代表前2个子元素
8.说说表单元素什么情况下使用name和value呢?
-
name元素的作用是后台接收数据时使用的键值对中的键(key) 随着表单的提交而一起提交 表单中不可或缺的元素 一个form表单中该元素的名称对应不同类型的input是不同的
-
value是 后台接收数据时使用的键值对中的值(value) value可以有默认值