首页 前端知识 3.那些年阅读过的html八股文

3.那些年阅读过的html八股文

2024-04-07 08:04:31 前端知识 前端哥 131 610 我要收藏

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.讲一讲你认为的能够方便开发的结构伪类工具

  1. :nth-child(1) 这里指的是父元素的第一个子元素,这个大家都知道

  2. :nth-child(2n) 这里的话就是父元素的第偶数个子元素(2,4,6。。。。)

  3. :nth-child(2n+1) 这就是第奇数个子元素了(1,3,5。。。)

  4. :nth-child( -n+2 ) 这就 是代表前2个子元素

8.说说表单元素什么情况下使用name和value呢?

  • name元素的作用是后台接收数据时使用的键值对中的键(key) 随着表单的提交而一起提交 表单中不可或缺的元素 一个form表单中该元素的名称对应不同类型的input是不同的

  • value是 后台接收数据时使用的键值对中的值(value) value可以有默认值

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4529.html
标签
microsoft
评论
发布的文章

java解析超大json文件数据

2024-04-19 21:04:10

头歌-JavaScript基础

2024-04-19 21:04:54

C#Json序列化及反序列化

2024-04-19 21:04:40

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!